Question

我想用选择类绑定锚点选项卡上的click函数。我用下面的代码做了。我第一次点击时工作正常，但之后当我再次点击锚时，附加事件没有启动。我不知道出了什么问题。这是我的jquery代码，用于将click事件附加到anchor选项卡。

$('a.select').click(function () {
    var data = subtitle_json;
    data = data[$(this).attr('aria-controls')][0];
    $('p#subtitle-saved-ad > span:nth-child(1)').html(data.ad_count + " " + data.ad_text);
});

这是我的html Dom。

<ul class="nav nav-tabs" id="tabs-collapsed" role="tablist">
    <li role="presentation" class=""> <a href="#71" aria-controls="71" role="tab" data-toggle="tab" class="select">
                Cars            </a>

    </li>
    <li role="presentation"> <a href="#260" aria-controls="260" role="tab" data-toggle="tab" class="select">
                Bicycles            </a>

    </li>
    <li id="lastTab" class="" style="display: block;"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
              More <span class="caret"></span>
            </a>

        <ul class="dropdown-menu" id="collapsed">
            <li role="presentation"> <a href="#72" aria-controls="72" role="tab" data-toggle="tab" class="select">
                Bikes &amp; Scooters            </a>

            </li>
        </ul>
    </li>
</ul>

Answer 1

如果您动态添加相同的锚点，则clickfunction会随之消失。相反，将它链接到正文并侦听该类型的元素：替换这个：

$('a.select').click(function() {

为此：

$('body').on("click", "a.select", function() {

Answer 2

js部分缺少代码。

 $('a.select').click(function() {
  alert('click');
 });

每次单击元素时都会抛出警报。提供更多代码或尝试从这一点开发它。

Answer 3

我能说的是你的onclick没有任何问题。如果你稍微解释一下这个功能会更好。只需在偶数中添加一个控制台或警报，以检查代码是否正常工作。

Answer 4

检查这个jsFiddle。

http://jsfiddle.net/f0avxhsk/

我刚刚添加alert()来检查是否触发

触发

第二轮没有触发click（）事件

4 个答案: