新手常遇到的一些jquery問題整理_jquery

ClassYuan的blog.http://www.classyuan.com/.下面列舉一些:
1.跟HTML元素加載事件的時(shí)候,會(huì)在加載的時(shí)候同時(shí)執(zhí)行該事件。
錯(cuò)誤代碼:
代碼如下: $("#btnLoad").bind("click",GetProduct());
正確代碼
代碼如下:$("#btnLoad").bind("click", function() { GetProduct() });
我在這段代碼,忽略了Bind這個(gè)方法.Api的解釋是bind(type,[data],fn)
我錯(cuò)誤的講fn當(dāng)做一個(gè)簡單的function..導(dǎo)致這段代碼會(huì)在加載的時(shí)候執(zhí)行一次這個(gè)fn..
這是一個(gè)書寫格式的疏忽.希望知道原因的大神可以指點(diǎn)。
2變量作用域的問題.（貌似這個(gè)不是jquery的問題.而是js跟.net的區(qū)別..）
代碼如下:function text() {
2 for (var i = 0; i < 3; i++) {
3 $("刪除").attr({ id: "hr_" + i, href: "javascript:;" }).addClass("btnCss").bind("click", function() { tes(i) }).appendTo(".div_list");
4 }
5 }
6 function tes(id) {
7 alert(id);
8 }

這個(gè)函數(shù).我想讓他alert出相應(yīng)的id..結(jié)果..答案很同意..3個(gè)標(biāo)簽的函數(shù)..彈出來都是3..
看了一下..明白了
變量作用域的問題，傳個(gè)tes函數(shù)的參數(shù)是循環(huán)結(jié)束后i的值，所以全部是3。
這一點(diǎn)似乎和.net不一樣。
最后接解決方案- -..直接吧$(this)傳遞進(jìn)去了
3.事件執(zhí)行順序的問題
代碼如下:
2
3

給這個(gè)圖片綁定了onclick事件,事件的內(nèi)容是給標(biāo)簽的parent增加一個(gè)href屬性.
但是事件執(zhí)行完畢之后,將會(huì)直接跳轉(zhuǎn)到a標(biāo)簽的鏈接。經(jīng)過分析.
應(yīng)為click是在href之前執(zhí)行的,也就是當(dāng)點(diǎn)擊圖片的時(shí)候A標(biāo)簽已經(jīng)有了href,然后同時(shí)又觸發(fā)了A標(biāo)簽.
解決方案..去掉外層的a標(biāo)簽..然后修改事件
代碼如下:idwrap('');
以上是我這個(gè)新手第一次使用jquery所遇到的問題..留在這里.當(dāng)做成長的歷程..各位大神老鳥..別噴吖..

第一個(gè)問題
$('#btnLoad').bind('click', GetProduct);
記住，綁定事件是綁一個(gè)函數(shù)上去，而GetProduct()，帶了括號(hào)以后，得到的是這個(gè)函數(shù)的返回值。而你的GetProduct的返回值明顯不是個(gè)函數(shù)
$("#btnLoad").bind("click",GetProduct());
改為：
$("#btnLoad").bind("click",GetProduct);
試試。
GetProduct() 是執(zhí)行一個(gè)函數(shù)，然后返回值，但是返回的值并非 fn 類型。

第二個(gè)問題
其實(shí).NET里也有，這是閉包的問題，在閉包中得到的是i變量的地址，而i不斷在變，因此訪問這個(gè)地址后的獲得的值也一直在變，所以所有的tes都用了i這個(gè)變量最后的值，就是3
這個(gè)問題用如下方法解決（我簡化下代碼）：
for (var i = 0; i < 3; i++) {
(function(i) {
$('刪除').appendTo('.div_list').bind('click', function() { tes(i); });
})(i);
}
如果你無法理解這么寫的原理，沒關(guān)系，先記住這個(gè)形式，以后遇上類似的問題就按這個(gè)思路去寫，也就是外面套一層(function() { xxx })();
說到原畫，其實(shí)很簡單，通過函數(shù)的時(shí)候，i作為基本類型變量是按值傳遞的，也就是說會(huì)把當(dāng)前的i的值復(fù)制一份值到這個(gè)函數(shù)中，因此每一次調(diào)用這個(gè)匿名函數(shù)的時(shí)候，i都是相互獨(dú)立的，不會(huì)受外層for的影響

第三個(gè)問題
當(dāng)a沒有給href屬性時(shí)，href則默認(rèn)為當(dāng)前頁的址，所以你點(diǎn)擊后就會(huì)跳轉(zhuǎn)。所以網(wǎng)上流行的處理方式有以一下幾種
1.dfa
2.dfa
3.dfa

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com