Question

<body>
    <button> Change  </button>
    <div id="mydiv" style="margin:25% 0% 0% 37%">
        <a href="#" onclick="alert('buhaha');" style="width:50px; height:50px; background-color:#99CC99; padding:10px; margin:5px">One</a>
        <a href="#" onclick="alert('buhaha');" style="width:50px; height:50px; background-color: #FF9900;padding:10px; margin:5px"> Two</a>
    </div>
</body>

当我点击“更改”按钮时，必须禁用onclick事件。再次单击“更改”按钮后，必须启用onclick事件。如何从一个按钮执行这两个操作？

我使用了jquery-1.4.1.min.js。答案代码必须与jquery-1.4.1.min.js文件一起使用。

Answer 1

删除内联javascript onclick="alert('buhaha');"，然后使用：

$('button').toggle(function() {
  $('#mydiv > a').unbind('click');
}, function() {
  $('#mydiv > a').bind('click', function(){alert('buhaha')});
});

Answer 2

$('button').toggle(function() {
  $('#mydiv a').unbind('click');
}, function() {
  $('#mydiv a').bind('click', doOnclick);
});

function doOnclick()
{
alert("hello");
}

在这里你可以在doOnclick函数中调用你的内联javascript函数。

需要帮助jQuery

2 个答案: