jQuery是我們平時開發中用得比較頻繁的庫,它可以幫助我們快速的開發出一些交互動畫等效果,其中最常用的功能之一就是點擊事件處理。但是有時候,我們希望點擊某個元素后,它不再響應任何點擊事件,這時候就需要使用jQuery的active取消點擊。
$('selector').on('click', function(){ $(this).addClass('active'); }); $('selector.active').on('click', function(e){ e.preventDefault(); });
上面的代碼中,我們給需要禁用點擊事件的元素添加了一個active類名,并為它綁定了一個點擊事件。當我們點擊該元素時,它會添加active類名,而后面的代碼則是在給所有添加了active類名的元素綁定點擊事件,并阻止默認事件的發生,這樣就實現了取消點擊的效果。
需要注意的是,active類名可以是任意一個你喜歡的類名,只需要在后面的代碼中保持一致即可。此外,如果你希望恢復該元素的點擊事件,只需要使用jQuery的removeClass()方法將active類名移除即可。
上一篇如何改變元素字體css
下一篇如何改變圖片大小css