2014-12-08 130 views
0

我再次與簡單的問題。我正在尋找這樣做的jQuery代碼:單擊全部tr顯示/隱藏其他tr(在我的情況下是.none)。最後設法找到一個,它工作正常,但只在JSfiddle。所以我猜我包括錯誤的jquery庫,但我無法弄清楚我需要包含哪些代碼才能工作。上的jsfiddlejquery包括圖書館

代碼:http://jsfiddle.net/7gwf4uab/

的Jquery我包括頭:

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 

我做錯了嗎?先謝謝你!

$(document).ready(function(){ 

    // Put your javascript code here... 


}); 
+0

顯示您的HTML代碼包含庫的位置。 – Justinas 2014-12-08 08:49:56

+1

在瀏覽器中查看errorconsole以查看是否顯示任何錯誤 – Mivaweb 2014-12-08 08:50:46

+3

您需要將代碼包裝在[文檔就緒處理程序](http://api.jquery.com/ready/)中。 – Satpal 2014-12-08 08:51:55

回答

1

至於你的問題是不完整的,但可能的原因是::

您還沒有inlcuded的document.ready函數內部jQuery代碼試試這個

+0

謝謝,它的工作原理。看來我需要閱讀更多關於jquery基礎知識。 – 2014-12-08 09:42:57

0

嘗試包裝你的jQuery腳本 -

$(document).ready(function(){ 

    $('tr:not(.none)').click(function() { 
    $(this).nextUntil('tr:not(.none)').toggle(); 
    }); 


}); 

OR

你writen你r代碼加載jQuery庫之前,因此您的完整代碼應該是 -

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 

<script type="text/javascript"> 

    $(document).ready(function(){ 

     $('tr:not(.none)').click(function() { 
     $(this).nextUntil('tr:not(.none)').toggle(); 
     }); 


    }); 

</script>