Javascript error Uncaught TypeError：$（...）。onclick不是函數

我是Javascript初學者，當我的Javascript中出現錯誤時。

的JavaScript

$(function(){ 
    $(".widgetselecterbtn").onclick(function(){ 
     var index = $(".widgetselecterbtn").index(this); 
     $('.itemselected').addClass('hide'); 
     $('.itemselected').eq(index).removeClass('hide'); 
    }); 
});

HTML

<ul id="wighet"> 
    <li><div><i class="fa fa-header fa-lg"></i><br><a class="widgetselecterbtn">heading</a></div></li> 
    <li><div><i class="fa fa-pencil fa-lg"></i><br><a class="widgetselecterbtn">text</a></div></li> 
    <li><div><i class="fa fa-youtube fa-lg"></i><br><a class="widgetselecterbtn">Youtube</a></div></li> 
    <li><div><i class="fa fa-quote-left fa-lg"></i><br><a class="widgetselecterbtn">quate</a></div></li> 
    <li><div><i class="fa fa-link fa-lg"></i><br><a class="widgetselecterbtn">link</a></div></li> 
    <li><div><i class="fa fa-picture-o fa-lg"></i><br><a class="widgetselecterbtn">image</a></div></li> 
    <li><div><i class="fa fa-twitter fa-lg"></i><br><a class="widgetselecterbtn">Twitter</a></div></li> 
</ul> 
<div class="ItemWidget01 itemselected hide">     
</div> 
<div class="ItemWidget01 itemselected hide">    
</div> 
<div class="ItemWidget01 itemselected hide">    
</div> 
<div class="ItemWidget01 itemselected hide">     
</div> 
<div class="ItemWidget01 itemselected hide">     
</div> 
<div class="ItemWidget01 itemselected hide">     
</div> 
<div class="ItemWidget01 itemselected hide">     
</div>

的錯誤是

Uncaught TypeError: $(...).onclick is not a function

我該如何解決這個問題？

感謝

來源

2016-01-26 vanhiro

將jQuery與JS混合，不兼容。該事件是「點擊」而不是「點擊」。使用'$（「。widgetselecterbtn」）。click（function（）{' – Tushar

jQuery沒有'onclick'方法 - 你正在尋找'click'。 –

onclick不是一個jQuery功能。您應該改用click。

$(".widgetselecterbtn").click(function() { 
    //do your task here 
});

來源

2016-01-26 10:59:11 Azim

Javascript error Uncaught TypeError：$（...）。onclick不是函數

回答

相關問題