多个JQuery加载函数没有类

时间:2013-10-08 13:33:43

标签: jquery

我是新手并且没有解决方案也许有人可以帮助我。

Normaly我通过使用加载一个带有防止默认和类的单击函数来更改Div内容动态。

看起来像这样:

Java / Jquery

 $('.call').click(function (e) {
 e.preventDefault()
 $('#main').load(this.href);
 });

HTML

 <li><a href="start.php" class="call">Start</a></li>
 <li><a href="start2.php" class="call">Start2</a></li>
 <li><a href="start2.php" class="call">Start2</a></li>

依旧......

现在我需要Class在活动时将其设置为“Active”,所以我不能再以这种方式使用它了......

Ids dosent工作是独特的所以我不能给所有链接相同的ID,我不想为每个链接功能写。

谢谢!!!

2 个答案:

答案 0 :(得分:1)

您可以添加该类并删除所有其他类,以便您不再单击它:

$('.call').click(function (e) {
    var that = $(this);
    e.preventDefault()
    $('#main').load(this.href, function() {
        that.removeClass().addClass("active").off(); //off will remove the handler.
    });
});

答案 1 :(得分:0)

当您以这种方式使用jQuery中的addClass()函数时,它应该可以工作:

$('.call').click(function (e) {
 e.preventDefault();
 $('.active').removeClass('active');
 $(this).addClass('active');
 $('#main').load(this.href);
 });

JSFiddle示例:http://jsfiddle.net/xXCZc/