หลังจาก clone ตารางแล้ว datepicker ไม่ทำงานครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา หลังจาก clone ตารางแล้ว datepicker ไม่ทำงานครับ

หลังจาก clone ตารางแล้ว datepicker ไม่ทำงานครับ
<table id="myTbl">
<tr id="firstTr"><td>
<input name="date_mixed[]" type="text" size="12" class="datepicker">
<input name="date_1[]" type="text" size="12" class="datepicker">
<input name="date_2[]" type="text" size="12" class="datepicker">
</td></tr>
</table>
<script type="text/javascript">
$(function(){



	 $('.datepicker').datepicker();
     $("#addRow").click(function(){
		$("#myTbl").append($("#firstTr").clone(true)
		//.find("input").attr("value","").end()
		.find("select").attr("value","").end()
		.find("radio").attr("value","").end()
		);
	});
	$("#removeRow").click(function(){
		if($("#myTbl tr").size()>4){
			$("#myTbl tr:last").remove();
		}else{
			alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
		}
	});
});
</script>	


Jomyutex 12-08-2014 15:34:20

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

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


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


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

 ความคิดเห็นที่ 1
ปัญหาน่าจะเป็นกับ datepicker gen แล้ว id ของ input ซ้ำกัน
ต้องทำให้ id ของ input ที่ clone ไม่ซ้ำกัน ไม่ก็ทำให้เป็นค่าว่างไปเลย

เดี๋ยวทำเป็นเป็นความไว้เป็นแนวทาง


ninenik 12-08-2014
 ความคิดเห็นที่ 2

ใช้ตัวอย่างนี้เป็นแนวทาง

การใช้งาน datepicker ใน jqueryui กับ ข้อมูล clone จาก ajax  


ninenik 12-08-2014






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