關於jQuery中的submit()函數(綁定event handler or 觸發event?)
今天在敲程式碼的時候無意間碰到了一個比較繞的問題(一個小師弟問的問題),思前想後都不明白,上午百度、谷歌了半天,再加上讀了下英文api才算明白開來。現在記下來,給大家一個提醒。廢話不多說,程式碼如下:
1 $('#myFormId').submit(function() { 2 // submit the form 3 $(this).ajaxSubmit(); 4 // return false,这样可以阻止正常的浏览器表单提交和页面转向 5 return false; 6 });7 $('#myFormId').submit();
# 這一段類似於我遇到的程式碼,在程式執行到上面第1行的時候並沒有觸發表單提交事件,而在第7行執行的時候才提交表單。這就導致了對以下兩個函數的理解:
1 $(selector).submit();2 $(selector).submit(fn);
經過查api和去網上搜尋,明白了其中的原委。上面的第一行的函數的意思是觸發選擇器選擇元素的“submit”事件,而第二行的元素的意思是給選擇器選擇元素綁定“submit”事件處理函數。這樣就明白了最上面的程式碼的意思,第一行是綁定處理函數,第七行程式碼是觸發該事件。 OK,問題搞定!
下面是英文官方api解釋,還是官方api解釋可靠,中文翻譯的完全沒搞懂。
上面三條藍色部分是不同版本的變化,紅色圈出來的解釋了它們的不同。英文比較簡單,我就不獻醜了。
以上是關於jQuery中的submit()函數的詳細內容。更多資訊請關注PHP中文網其他相關文章!