我尝试使用jQuery的make按钮调用JavaScript函数,但是出现问题:
页面加载后,第一次单击mybutton没有反应
第二次单击将执行两次功能
第三次单击将执行功能三
和更多
为什么我的代码执行更多?我只想“一键执行1个JavaScript函数”
我的代码是这样的
<script type="text/javascript" language="javascript">
function showcase(){
var foo = function () {
alert('tutup');
};
$('#create-new').on('click',foo);
return false;
}</script> <button class="button" id="create-new"onclick="return showcase();">show text</button>
请帮我解决这个问题
在这里http://jsbin.com/ovucer/1/edit尝试我的完整错误代码
最佳答案
您正在向该元素注册多个click事件监听器
每次单击按钮时,都使用showcase
方法向按钮添加新的单击处理程序,则不需要
<button class="button" id="create-new">show text</button>
<script type="text/javascript" language="javascript">
var foo = function () {
alert('tutup');
};
$('#create-new').on('click',foo);
</script>