爲什麼jQuery不選擇所有的屬性元素？

我正在製作一個網站的標籤，我設置jQuery來運行功能，當任何屬性被點擊（這只是測試選擇器，並不是所有的屬性將在最終的網站使用）。我進入某個div後沒有選擇任何屬性。下面是HTML：爲什麼jQuery不選擇所有的屬性元素？

<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 如果有人可以幫我找出什麼錯誤，這將是真棒。我以簡化的形式工作，但沒有在我的主要網站上工作。

來源

2015-03-25 Elyza Agosta

http://jsfiddle.net/arunpjohny/w788e8t4/ 1/- 有什麼問題 – 2015-03-25 03:06:30

http://jsfiddle.net/arunpjohny/w788e8t4/2/ – 2015-03-25 03:08:26

你的主網站上發生了什麼？它什麼都不做？如果您使用螢火蟲或Chrome開發人員工具查看腳本的腳本（如果它停止，否則您可能遇到選擇問題），也許最好。 – 2015-03-25 03:12:55

我想你使用的。對（）方法錯了動態生成的列表，嘗試

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

而不是

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

來源

2015-03-25 07:43:56 Jasper

我試過這個，沒有選擇任何屬性。 – 2015-03-25 12:38:14

編輯它，這應該現在工作 – Jasper 2015-03-25 12:44:37

是的這工作！非常感謝！我認爲它必須處理動態生成的列表。 – 2015-03-25 13:54:41

爲什麼jQuery不選擇所有的屬性元素？

回答

相關問題