代码较少的 Jquery 菜单

Question

我使用 Jquery 创建菜单，如下所示:

<div class="prof_info1">home</div><div class="prof_info2">info2</div><div class="prof_info3">info3</div>

Jquery 代码如下:

$(document).ready(function(){

$(".prof_info1").unbind("click").click(function(event) {
$("#main").html('<img src="img/spin.gif" class="spin">');
location.replace("?&id=<?=$id?>")
return false;
});

$(".prof_info2").unbind("click").click(function(event) {
$("#main").html('<img src="img/spin.gif" class="spin">');
$("#main").load('?a=2&id=<?=$id?>');
return false;
});


$(".prof_info3").unbind("click").click(function(event) {
$("#glavni").html('<img src="img/spin.gif" class="spin">');
$("#glavni").load('?a=3&id=<?=$id?>');
return false;
});

});

是否有更简单的方法来编写此 Jquery 代码并使用更少的代码？类似的东西

if click somethind{
...
}elseif{
....}

Answer 1

尝试这个解决方案。

<div class="prof_info redirect">
    <a href="?&id=1">home</a>
</div>
<div class="prof_info ajax">
    <a href="?&id=1">info2</a>
</div>
<div class="prof_info ajax">
    <a href="?&id=3">info3</a>
</div>

js

$(document).ready(function(){
    $(".prof_info a").click(function(event) {
        $("#main").html('<img src="img/spin.gif" class="spin">');
        if($(this).parent('.redirect').get(0)){
            location.replace($(this).attr('href'));
        }else{
            $("#main").load($(this).attr('href'));
        }
        return false;
    });
});