2014-09-27 144 views
2

點擊錨標籤不working..Here是我的代碼:點擊錨標籤不工作

$('#selectall').onclick(function() { 
    console.log("Hello"); 
}); 

<li> 
    <a class="selectall" id="selectall"> 
    <i class="fa fa-square-o"></i> Select All 
    </a> 
</li> 

回答

4

嘗試單擊事件!

問題是,「onclick」不應該用這種方式。您可以做

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

$('#selectall').on('click', function ....) 

一個

$('#selectall').onclick(function ...) 

不jQuery的存在。 'onclick'默認是一個javascript函數。

$('#selectall').click(function() { 
 
     alert("Hello"); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li><a class="selectall" id="selectall"><i class="fa fa-square-o"></i> Select All</a></li>

0

你正在使用jQuery看來,這樣反而onclick你應該使用click

+0

有一個id = selectall – 2014-09-27 12:21:41

+0

如果你看代碼,'a'元素的id爲「selectall」。 – 2014-09-27 12:21:46

+0

did not看到,編輯 – gaurav5430 2014-09-27 12:23:02

0

只是申請

<a href="javascript:void(0)".... > 

<a href="#".... > 

和使用方法爲「點擊」而不是「點擊」

0

既然你也ID-ED它以 「全選」, 「#」 的是還好吧。你確實需要 $('#selectall').click(function() { 壽。

此外,你的js何時執行?如果上面的js代碼在包含錨標籤的html被執行之前執行,它將會失敗,因爲還沒有任何東西需要綁定它。

0

我假設$是jQuery的所以使用.click().onclick()

否則,vanillaJS代碼

document.getElementById('selectall').addEventListener('click',function(){ 
    console.log('hello'); 
},false); 
0

我總是用委託的事件,所以a.selectall元素可以添加/動態W上除去/搞亂你的點擊監聽器。

$("body").on("click", ".selectall", function(evt){ 
    //click handler code here 
});