調用jQuery函數的鏈接似乎沒有工作

我是一個jQuery newb所以這可能是基本的。調用jQuery函數的鏈接似乎沒有工作

我在這裏有一個測試頁面：http://www.problemio.com其中我試圖使鏈接投票上或下。

這裏是鏈接什麼樣子：

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

我用的是類屬性的造型各地與link_button的網站，所以我決定用id屬性來區分的鏈接jQuery的電話。

這裏是我的jQuery函數看起來像：

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

現在我只是想確保它得到正確調用。但警報沒有被調用，這讓我覺得這是在某個地方被打破。任何想法我怎麼能得到這個工作？

謝謝！

來源

2011-09-30 Genadinik

您正在使用類別選擇器.而不是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'); 
}

編輯：也確保一切都在$（文件）。就緒...即

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

來源

2011-09-30 20:52:58

其實我只是做了改變$（「＃vote_up」）點擊（函數（）{，它仍不能工作的任何想法，爲什麼。這可能是？ – Genadinik

看到我的編輯，並確保它在一個document.ready –

您當前的選擇是不正確，它正在尋找一個a標籤與類vote_up不是它的ID ...

用這個代替...

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

來源

2011-09-30 20:53:23 jondavidjohn

只是做了這個變化，它仍然沒有這樣做的警報任何想法，爲什麼這可能？ – Genadinik

@Genadinik看到更新，只需要確保DOM在附加事件處理程序之前被加載... – jondavidjohn

你試過了id選擇器嗎？

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

來源

2011-09-30 20:53:29

a.vote_up尋找一個<a>標籤與類vote_up。在你的HTML vote_up是一個ID，所以要這樣：

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

來源

2011-09-30 20:54:27

剛剛做出了改變，但它仍然沒有做到這一點。任何想法爲什麼這可能是？ – Genadinik

調用jQuery函數的鏈接似乎沒有工作

回答

相關問題