在開發(fā)網(wǎng)頁時,經(jīng)常會用到j(luò)Query這個優(yōu)秀的前端JS庫。但有時我們會遇到一些尷尬的問題,這就是awkward jQuery(尷尬的jQuery)。
在使用jQuery時,有時我們可能會遇到一些問題,比如發(fā)現(xiàn)jQuery無法正確獲取DOM元素,不知道是自己的代碼問題還是jQuery的問題。
這時,我們可以使用jQuery的$.error()方法來捕捉這個異常:
try { // your code here } catch (e) { $.error('Caught exception: ' + e.message); }
這樣就可以在控制臺輸出我們捕捉到的異常了。
另外,有時我們需要在頁面加載完成后執(zhí)行某些操作,比如在某個元素上添加事件:
$(document).ready(function() { $('#myElement').on('click', function() { alert('Hello, world!'); }); });
但是,這樣寫可能會遇到一個問題,就是在頁面加載完成之前,用戶可能已經(jīng)點擊了該元素,但此時元素上并沒有添加事件,導致無法響應(yīng)用戶的操作。
為了避免這種問題,我們可以使用$.fn.ready()方法來等待頁面加載完成后再執(zhí)行相應(yīng)的操作:
$.fn.ready(function() { $('#myElement').on('click', function() { alert('Hello, world!'); }); });
這樣就可以保證元素上的事件已經(jīng)添加好了,用戶的操作也能夠正確響應(yīng)。
在使用jQuery的過程中,遇到一些尷尬的問題是很常見的,但只要掌握了一些基本的方法,就可以很好地解決這些問題。
上一篇把css放到對象存儲
下一篇把tr 隱藏css