爲什麼這個.click沒有任何理由

Question

我有這個page，我有一個旋轉幻燈片運行。我現在每秒鐘都在進行測試。幻燈片播放效果很好，但由於某種原因停止播放並不容易。我有一個應該阻止它的頂部鏈接。

<a class="stop" href="#">Stop to play the video</a> 

$('.stop').click(function(){ 
    $('#slideshow').cycle('stop'); 
}); 

這應該停止腳本，但沒有。但是，如果你打開螢火蟲並將此行粘貼到控制檯，腳本將停止。是什麼賦予了？

$('#slideshow').cycle('stop'); 

Answer 1

剛把你的代碼定睛一看，你發射的JavaScript您的$(document).ready(...)處理外，並在HTML元素之前，所以你要在事件附加到那並不是一個元素不存在。

要麼將​​您的點擊處理程序移動到$(document).ready(...)之內，要麼將其放在HTML中的鏈接之下。

Answer 2

它可能是一個時間問題，在頁面加載我的螢火得到這個消息：

[cycle] terminating; zero elements found by selector 
[cycle] terminating; too few slides: 1 
[cycle] terminating; zero elements found by selector 
[cycle] terminating; zero elements found by selector 
[cycle] terminating; zero elements found by selector 
[cycle] terminating; zero elements found by selector 

但是如果我在頁面加載後執行下面的代碼，鏈接正常工作。

$('.stop').click(function(){ 
$('#slideshow').cycle('stop'); 
}); 

Answer 3

使用$.live()或$.delegate()方法，而不是 - 他們將綁定到選擇器匹配的所有當前和未來元素。

http://api.jquery.com/live/

http://api.jquery.com/delegate/

Answer 4

你有哪些類的「停止」已你可能會遇到一個問題，這種情況下，增加了不止一個元素。 如果上面的情況，你可以嘗試以下方法：

$('a.stop').click(function(){ 
    $('#slideshow').cycle('stop'); 
}); 

，如果你有一流的停止，然後多個鏈接，如果你要綁定他們中的每一個，你應該做這樣的事情

$('a.stop').each(function(){ 
$(this).each("click",function(){ 
    $('#slideshow').cycle('stop'); 
}); 
}); 

如果您只想綁定其中一個鏈接，只需添加一個id屬性，然後在通過id獲取元素後將其綁定到元素。

注意：我假設你在頁面加載之後綁定元素。