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中，你有类=＆＃34; nav-tabs＆＃34;但你没有id =＆＃34; myTabs＆＃34;。

你能分享一下html吗？

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

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

jQuery函数不能通过id获取元素

1 个答案: