2012-10-22 49 views
2

您知道爲什麼此方法單擊不顯示警報嗎?因爲我無法抓住這個事件。Jquery click alert()

<!DOCTYPE html> 
<html> 
<head> 
<script src="jquery.js"></script> 
<script> 
jQuery(function() { 
    jQuery(".jtable-command-button.jtable-edit-command-button").click(function() { 
     alert("asdas"); 
    }); 
}); 

</script> 
</head> 
<body> 

<h1>My First JavaScript</h1> 
<p id="demo">This is a paragraph.</p> 

<button class="jtable-command-button jtable-edit-command-button" title="Edytuj pozycję"> 

</body> 
</html> 

我給你大家幫忙點[關閉]感謝

+0

兩個原因:錯誤的選擇器,並沒有在正確的時間執行。請閱讀[教程](http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery):*「由於我們在使用jQuery時所做的幾乎所有事情都是讀取或操縱文檔對象模型(DOM),所以我們需要確保我們一旦DOM準備好就開始添加事件等。爲此,我們爲文檔註冊一個準備事件。「*。 –

+0

你在頁面中包含了「jQuery」嗎? – saji89

回答

5
  1. 您正在嘗試使用$功能(可能是從jQuery的)沒有定義它(例如,通過加載的jQuery)
  2. 你正在努力尋找你要綁定到具有元素之前的事件處理程序創建
  3. 您使用的是id選擇,但該元素不具有一個ID(它確實有一個類)(注:問題的第一編輯後,這不再是這種情況
  4. 您正在使用descendant combinatortype selector,但type應該是class,並且您要定位的元素屬於這兩個類。它沒有一個祖先元素,它是任何一個類的成員。 (注:HTML類屬性需要空間分隔的列表的類
  5. 的結束標記和標籤爲按鈕缺少

JS部分的一個固定的版本將是:

<script src="jquery.js"></script> <!-- Set this path correctly --> 
<script> 
jQuery(function() { 
    jQuery(".jtable-command-button.jtable-edit-command-button").click(function() { 
     alert("asdas"); 
    }); 
}); 
</script> 
+0

不工作你的想法。 –

+0

@ Rafael-JuniorMVCDeveloper - 是的,它是:http://jsbin.com/atalap/1/ – Quentin

+0

感謝您的幫助,這是偉大的答案 –

2
$(".jtable-command-button.jtable-edit-command-button").click(function() { 
alert("asdas"); 

您需要包括「..jtable-command-buttonjtable-edit-command-button後一類。

+0

不能正常工作。 –

+0

@ Rafael-JuniorMVCDeveloper - 你有5個不同的問題,這個答案只修復其中的一個。 – Quentin

+0

@Quentins答案現在已經更新,你應該使用它。 –

2

你有班級名稱,所以class selecter以在jquery中的.開頭。

$(".jtable-command-button.jtable-edit-command-button").click(function() { 
    alert("asdas"); 
}); 
1

我希望你有jQuery聲明?如果是的話,試試這個:()。

$(".jtable-command-button.jtable-edit-command-button").click(function() { 
    alert("asdas"); 
} 
1

按你的代碼中使用了#呼叫點擊事件功能,但#是用於標識和網點用於類,所以你已經使用(點),而不是排名

$(".jtable-command-button.jtable-edit-command-button").click(function() { 
    alert("asdas"); 
}); 
1

假設你下載的jQuery,你必須導入js文件:

<script type="text/javascript" src="yourPath/jquery-1.7.2.js"></script> //your jquery version 

這時可以嘗試如上答案或:

$("button[title='Edytuj pozycję']").click(function(){ 
alert("asdad"); 
}); 
2

你應該使用。 for class and#for id

$(".jtable-command-button").click(function() { 
    alert("asdas"); 
});