javascript - Jquery click()事件的禁用
問題描述
$(document).ready(function(){ $('.menua1').click(function(){ //執(zhí)行了點(diǎn)擊事件的內(nèi)容 });});function toggleMenu(){ var fs = window.top.document.getElementById('bframeset'); if(條件true){$('.menua1_noclick').attr('class','menua1'); }else{$('.menua1').attr('class','menua1_noclick'); }}
//HTML<a class='menua1'>A按鈕</a>
當(dāng)我點(diǎn)擊B按鈕調(diào)用了toggleMenu(),將該元素的class值改變,我覺得以前ready()里面的click事件應(yīng)該失效,當(dāng)我在調(diào)用toggleMenu()時(shí)把class的值換成初始值,click()應(yīng)該正常能夠運(yùn)行;但是不管這個(gè)a標(biāo)簽的class值怎么改變都不會(huì)影響到我原來的click,改變了class的值也依然能夠點(diǎn)擊進(jìn)入執(zhí)行jqeury代碼,求解。
我的目的是:需要在點(diǎn)擊B按鈕后,將A按鈕原有的點(diǎn)擊事件禁用,當(dāng)再次點(diǎn)擊B按鈕在開啟A按鈕原有的點(diǎn)擊事件。
在線等待,請(qǐng)高手指教。
問題解答
回答1:當(dāng)我點(diǎn)擊B按鈕調(diào)用了toggleMenu(),將該元素的class值改變,我覺得以前ready()里面的click事件應(yīng)該失效
首先這句話, 這個(gè)理解就是錯(cuò)誤的.
舉個(gè)栗子:
有一個(gè)人叫小明, 他爸媽管他叫小明明, 他老婆管他叫大明明, 有一天小明的手破了一個(gè)口, 他爸/媽看到了問: 小明明你手怎么弄破了?他老婆說: 大明明做菜的時(shí)候不小心切到了又回頭問小明: 老公, 你的手還痛嗎?爸/媽說: 哎, 都這么大的人了 還叫大明明干嘛? 多不好聽老婆說: 好, 以后不叫了
Question: 小明的手壞了沒有?
jQuery的選擇器, 是為了通過不同的手段選擇到元素, 但是你對(duì)它造成的shanghai, 不會(huì)因?yàn)槟愀淖兞怂哪硞€(gè)屬性而消除.
所以回歸正題, 給元素綁定了點(diǎn)擊事件, 需要清除
1. 如果是js綁定:ele.onclick = function(){...}//要清除的話 , 用空方法覆蓋ele.onclick = function(){}2. jQuery on方法綁定的點(diǎn)擊事件//用off解除綁定$ele.on('click', function(){})$ele.off('click', function(){})3.或者在點(diǎn)擊事件的回調(diào)中判斷狀態(tài)(全局變量/flag)var flag = true;$ele.on('click', function(){ if(flag){ ... }});function toggle(){ flag = !flag;}回答2:
樓上舉得列子也是有點(diǎn)意思,簡(jiǎn)單來講,事件的綁定僅僅和元素的本身有關(guān),跟他以后叫什么名字沒太大關(guān)系。就好像說你的身份證代表了你這個(gè)人,然后有一天你換了名字,身份證是否就變成了代表別人?就是這個(gè)道理
回答3:$('.menua1').off(’click’),把按鈕取消綁定click事件不就行了么
相關(guān)文章:
1. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個(gè)是怎么回事????2. html5和Flash對(duì)抗是什么情況?3. docker 17.03 怎么配置 registry mirror ?4. html5 - datatables 加載不出來數(shù)據(jù)。5. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤?6. node.js - mongodb查找子對(duì)象的名稱為某個(gè)值的對(duì)象的方法7. 測(cè)試自動(dòng)化html元素選擇器元素ID或DataAttribute [關(guān)閉]8. javascript - QQ第三方登錄的問題9. spring-mvc - spring-session-redis HttpSessionListener失效10. javascript - 在 model里定義的 引用表模型時(shí),model為undefined。

網(wǎng)公網(wǎng)安備