javascript - jQuery 函数无法通过 id 获取元素

Question

我正在尝试获得这样的点击功能

 $('#myTab li a').click(function(e) {}

这不起作用。但是如果我像这样按类访问元素

 $('.nav-tabs a.overview').click(function(e) {}

效果很好。

同样，当我尝试使用它时

 $("#documentmodal").modal('show');

这不起作用。相反，当我写这个时

 $(".documentmodal").modal('show');

它有效。

我不知道元素 id 有什么问题，但是当我尝试在应用程序中使用 id 进行访问时，函数不起作用，但它们可以使用类名。

HTML 标记:

<ul class="nav nav-tabs nav-tabs-justified" role="tablist" id="myTab">
    <li class="active"><a href="#overview" class="overview" role="tab" data-toggle="tab">Overview</a></li>
    <li><a href="#document" role="tab" class="document" data-toggle="tab">Document</a></li>
    <li><a href="#payment" role="tab" class="payment" data-toggle="tab">Payment</a></li>
    <li><a href="#settings" role="tab" class="setting" data-toggle="tab">Settings</a></li>
</ul>

和

<div class="modal fade documentmodal"  id="documentmodal" tabindex="-1" role="dialog" aria-labelledby="downloadLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">...
</div>..

我不能把整个 html 结构放在这里

Answer 1

您的问题可能出在您的 HTML 中，您有 class="nav-tabs"但没有 id="myTabs"。

可以分享一下html吗？

$(function() {
  $('#myTab li a').click(function(e) {  
      $('#documentmodal').show();
      alert('clicked!');
  });
});

http://jsbin.com/bohilukapa/1/edit