我尝试使用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>

10-05 20:53
查看更多