鏈接調用jQuery函數似乎不起作用

Question

我是jQuery newb，所以這可能是基本的。

我在這里有一個測試頁： http : //www.problemio.com ，我嘗試在其中建立投票贊成或反對的鏈接。

鏈接如下所示：

<a class="link_button" id="vote_up">Vote Up</a> 
<a class="link_button" id="vote_down">Vote Down</a>

我使用class屬性通過該link_button在整個網站上進行樣式設置，因此我決定使用id屬性來區分jQuery調用的鏈接。

這是我的jQuery函數的樣子：

$('a.vote_up').click(function() 
{
alert("up");
});

現在，我只想確保它被正確調用。 但是沒有收到警報，這讓我覺得這在某個地方已經壞了。 知道如何使它起作用嗎？

謝謝！

Answer 1

您正在使用類選擇器. 而不是ID選擇器# 。 因此要么

$('#vote_up').click(function(){
     alert("up");
});

要么

$('.link_button').click(function(){ 
    if( this.id === 'vote_up' )
        alert('vote up'); 
    else if ( this.id === 'vote_down' )
        alert('vote down'); 
 } 

編輯：還要確保所有內容都在$（document）.ready ...即

$(function(){ 
    $('#vote_up').click(function(){
         alert("up");
    });
}); 

Answer 2

您當前的選擇器不正確，它正在尋找a帶有vote_up 類的標簽， vote_up不是它的id ...

改用這個...

$(function() {
    $('#vote_up')...
});

Answer 3

您是否嘗試過ID選擇器？

$('#vote_up').click(function() {
    alert('up');
});

Answer 4

a.vote_up查找具有vote_up類的<a>標記。 在您的HTML中， vote_up是一個ID，因此您vote_up ：

$('#vote_up').click(function()