jquery - 没有类的多 JQuery 加载函数

Question

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

Normaly 我通过使用 Load a click 功能与防止默认值和类来更改 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>

等等 ...

现在我需要类在它处于活动状态时将其设置为“活动”，所以我不能再以这种方式使用它......

Ids dosent 工作是唯一的，所以我不能给所有链接相同的 ID，我不想为每个链接写一个函数。

谢谢 ！！！

Answer 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.
    });
});

Answer 2

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

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

一个 JSFiddle 示例：http: //jsfiddle.net/xXCZc/