Jquery .on () ส่งเหตุการณ์

Question 1

ฉันมีปัญหากับ.on(). ฉันมีองค์ประกอบฟอร์มหลายรายการ (มีรูปแบบด้วยclass="remember") และฉันเพิ่มอีกองค์ประกอบหนึ่งform.rememberโดยใช้ AJAX ดังนั้นฉันต้องการให้จัดการส่งเหตุการณ์เช่น:

$('form.remember').on('submit',function(){...})

แต่แบบฟอร์มที่เพิ่มด้วย AJAX ใช้ไม่ได้

ปัญหาอยู่ที่ไหน เป็นบั๊กหรือเปล่า?

Question 2

คุณต้องมอบหมายเหตุการณ์ในระดับเอกสาร

$(document).on('submit','form.remember',function(){
   // code
});

$('form.remember').on('submit'ทำงานเช่นเดียวกับ$('form.remember').submit(แต่เมื่อคุณใช้$(document).on('submit','form.remember'มันจะทำงานกับ DOM ที่เพิ่มในภายหลัง

Question 3

ฉันมีปัญหากับสัญลักษณ์เดียวกัน ในกรณีของฉันปรากฎว่าฟังก์ชันส่งของฉันไม่มีคำสั่ง "ส่งคืน"

ตัวอย่างเช่น:

 $("#id_form").on("submit", function(){
   //Code: Action (like ajax...)
   return false;
 })

Question 4

ปัญหาคือ "เปิด" จะใช้กับองค์ประกอบทั้งหมดที่มีอยู่ในเวลานั้น เมื่อคุณสร้างองค์ประกอบแบบไดนามิกคุณต้องเรียกใช้อีกครั้ง:

$('form').on('submit',doFormStuff);

createNewForm();

// re-attach to all forms
$('form').off('submit').on('submit',doFormStuff);

เนื่องจากแบบฟอร์มมักจะมีชื่อหรือรหัสคุณสามารถแนบกับแบบฟอร์มใหม่ได้เช่นกัน หากฉันกำลังสร้างสิ่งที่มีไดนามิกจำนวนมากฉันจะรวมฟังก์ชันการตั้งค่าหรือการผูก:

function bindItems(){
    $('form').off('submit').on('submit',doFormStuff); 
    $('button').off('click').on('click',doButtonStuff);
}

ดังนั้นเมื่อใดก็ตามที่คุณสร้างบางสิ่งบางอย่าง (ปุ่มมักจะอยู่ในกรณีของฉัน) ฉันก็โทรไปที่ bindItems เพื่ออัปเดตทุกอย่างบนหน้า

createNewButton();
bindItems();

ฉันไม่ชอบใช้ "ร่างกาย" หรือองค์ประกอบของเอกสารเพราะด้วยแท็บและวิธีการต่างๆพวกเขามักจะไปไหนมาไหนและทำในสิ่งที่คุณไม่คาดคิด ฉันพยายามที่จะเจาะจงให้มากที่สุดเท่าที่จะทำได้เว้นแต่จะเป็นโครงการ 1 หน้าธรรมดา