Question

我正在网站上制作标签，并设置jQuery以在单击任何属性时运行函数（这仅用于测试选择器，并非所有属性都将在最终网站中使用）。进入某个div后，不会选择任何属性。这是html：

<div id="content" class="content">
     <div id="image" style="border:2px solid;float:left">...</div>
     <div id="backgroundInfo" style="margin-left: 5px;float:left">...</div>
     <br>
     <div id="medBackground" style="margin-left: 5px">...</div>
     <div id="tabs" class="tabs">
         <a> Clowns</a>
         <ul class="tab-links">
              <li class="active"><a href="#tab1">03/05/2001</a></li>
              <li><a href="#tab2">06/05/2007</a></li>
         </ul>
         <div class="tab-content">...</div>
     </div>
</div>

该列表是使用while循环生成的。除了div（class = tabs）中的属性外，选择所有属性。这是jQuery：

jQuery(document).ready(function() {
    jQuery('a').on('click', function(e)  {
        var currentAttrValue = jQuery(this).attr('href');

        // Show/Hide Tabs
        jQuery('.tabs ' + currentAttrValue).show().siblings().hide();

        // Change/remove current tab to active
                jQuery(this).parent('li').addClass('active').siblings().removeClass('active');

        e.preventDefault();
    });
});

我从以下代码获得此代码：http://inspirationalpixels.com/tutorials/creating-tabs-with-html-css-and-jquery#step-jquery 如果有人能帮我弄清楚会出现什么问题会很棒。我让它以简化的形式工作，但不在我的主网站上。

Answer 1

我认为您对动态生成的列表使用了错误的.on（）方法，尝试

jQuery(document).on('click', 'a', function(e){
    //your code
});

而不是

 jQuery('a').on('click', function(e)  {
     //your code
 });

为什么jQuery没有选择所有属性元素？

1 个答案: