สอบถาม jquery append เพิ่ม input เข้าไป ทำให้ jquery ที่ใช้เช็ค input ไม่ทำงาน

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถาม jquery append เพิ่ม input เข้าไป ทำให้ jquery ที่ใช้เช็ค input ไม่ทำงาน

สอบถาม jquery append เพิ่ม input เข้าไป ทำให้ jquery ที่ใช้เช็ค input ไม่ทำงาน

ผมทำ form เพิ่ม input ด้วย append add input 

โดยมี jquery ที่ใช้เช็ค input อยู่แล้ว พอกดเพิ่มไปเรื่อยๆ  jquery ที่ใช้เช็ค input อันแรกทำงาน แต่อันที่เพิ่มมาไม่ทำงาน ต้องแก้ยังไงครับ

ตัวอย่าง ผมเลือกช่องทุกวัน เป็น ทุกวัน ช่องวันที่สิ้นสุดจะถูก disabled ไป หากเลือกกำหนดเองจะเปิดช่อง วันที่สิ้นสุด 
เมื่อผมกด + เพิ่มเข้ามาช่องสอง ผมเลือกช่องทุกวัน เป็นอะไรก็แล้วแต่โค้ดที่สั่งไว้ก็ไม่ทำงานครับ เป็นทุกช่องที่ + เพิ่มเข้ามา ไม่ทราบแก้ปัญหานี้ยังไงครับ



Thammarat Phanphai 19-03-2020 15:38:08

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
อาจจะต้องทำการ unbind() หรือยกเลิกการทำงานทั้งหมด ที่เคยผูกไว้ก้บตัวที่เรา clone มา
ทั้งนี้ก็ขึ้นกับว่าเราใช้รูปแบบไหนในการใช้งาน อีกกรณี สำหรับข้อมูลที่ถูกสร้างด้วยคำสั่ง javascript
การใช้งาน jQuery อาจจะต้องกำหนดในรูปแบบ
 
$("document.body").on("click",".abc-class",function(){
 /// ทำคำสั่งตามต้องการ
});
 
แทนรูปแบบ $(".abc-class").click(.....  เพราะรูปแบบด้านบนจะรองรับการผูก event ให้กับ
ข้อมูลที่กำหนด หรือสร้างจาก script 
 
ลองดูบทความด้านล่างเป็นแนวทาง


บทความแนะนำที่เกี่ยวข้อง
การเพิ่ม ลบ แก้ไข ข้อมูล กับ รายการ clone() ด้วย jqueryอ่าน 24,739
การใช้งาน datepicker ใน jqueryui กับ ข้อมูล clone จาก ajax อ่าน 11,564
ninenik 19-03-2020
 ความคิดเห็นที่ 2
ได้แล้วครับ ขอบุณมากครับ 
ใช้โค้ด 
$("document.body").on("click",".abc-class",function(){
 /// ทำคำสั่งตามต้องการ
});
ได้เลยครับ 


Thammarat Phanphai 19-03-2020 20:21






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ