คลิกปุ่มแบ่งหน้า datatable jquery

ฉันใช้ Charisma Admin Panel.
ในการนั้น jQuery datatable จะถูกใช้ .

ในตารางของฉัน แถวประกอบด้วยสิ่งต่อไปนี้:

column1 = integer
column2 = text
column3 = 2 buttons (view and delete)

ปุ่มดูมีหน้าที่ดึงข้อมูลบางส่วนจากเซิร์ฟเวอร์และแสดงข้อมูลนั้นในป๊อปอัปโมดอล

ฉันสามารถดูป๊อปอัปนั้นได้เฉพาะเมื่อฉันอยู่ในหน้าแรกเท่านั้น สำหรับหน้าอื่นๆ เมื่อฉันคลิกที่ปุ่มดู ข้อมูลที่จำเป็นจะถูกดึงมาจากเซิร์ฟเวอร์ (สามารถดูได้ใน firebug) แต่มันไม่แสดงป๊อปอัปโมดอลนั้นอีก

ฉันคิดว่าเป็นเพราะสนามสด
ช่วยด้วย

เหตุการณ์การคลิกถูกใช้ดังนี้:

$('.btn-setting').click(function(e){ 
e.preventDefault();
$('#myModal').modal('show'); 
});

php datatable pagination jquery charisma
person Pranav    schedule 31.12.2012    source แหล่งที่มา
comment
ไม่แน่ใจว่าเป็นสาเหตุหรือไม่ แต่ถ้าเหตุการณ์ไม่ทริกเกอร์หลังจากการรีเฟรชบางส่วน อาจเป็นเพราะเหตุการณ์การคลิกถูกกำหนดโดยใช้ฟังก์ชัน click หรือ live หรือ on และหลังจากรีเฟรชปุ่มนั้นแล้ว ก็ไม่ได้รับการกำหนดอีกครั้ง   -  person Naryl    schedule 31.12.2012
comment
เหตุการณ์การคลิกใช้เป็น - $('.btn-setting').click(function(e){ e.preventDefault(); $('#myModal').modal('show'); }); แต่ไม่เข้าใจเงื่อนไขการรีเฟรชบางส่วน ขออภัย แต่ฉันยังใหม่กับเรื่องนี้   -  person Pranav    schedule 31.12.2012
comment
สิ่งที่ฉันหมายถึงคือ: หากปุ่มถูกเขียนใหม่หลังจากที่คุณเปลี่ยนหน้า (เช่นด้วยฟังก์ชัน .html()) คุณจะต้องใช้เหตุการณ์การคลิกอีกครั้ง   -  person Naryl    schedule 31.12.2012

คำตอบ (1)


arrow_upward
3
arrow_downward

ลองทำด้วย 'on':

$('.btn-setting').on('click', function(e){ 
    e.preventDefault();
    $('#myModal').modal('show'); 
});

OR

$(document).on('click', '.btn-setting', function(e){
  e.preventDefault();
  $('#myModal').modal('show'); 
});
person Sudhir Bastakoti    schedule 31.12.2012
comment
ขอบคุณมาก คำตอบที่สองของคุณใช้งานได้ :) ขอบคุณ คุณช่วยบอกฉันถึงความแตกต่างระหว่างสิ่งที่ฉันเคยใช้กับอันนี้ได้ไหม มันได้ผล - person Pranav; 31.12.2012
comment
โค้ดในคำตอบใช้ได้กับเนื้อหาที่เพิ่มแบบไดนามิกบนเพจ ดังนั้นเมื่อเนื้อหาของเพจของคุณถูกสร้างขึ้นแบบไดนามิก โค้ดจะทำงานได้ตามต้องการ ให้ตรวจสอบวิธี jquery .on เพื่อดูรายละเอียดเพิ่มเติม - person Sudhir Bastakoti; 31.12.2012