重新绑定jquery对话框/模式
多亏了早些时候的帮助(http://stackoverflow.com/questions/12224717/cant-execute-jquery-post-or-ajax-after-initial-run),重新绑定单击事件现在可以正常工作。但是,我似乎无法重新绑定对话框定义。从这里的其他答案来看,答案似乎在于使用“委派”,但我似乎无法理解。以下是对话框中更新的代码:重新绑定jquery对话框/模式,jquery,dialog,modal-dialog,Jquery,Dialog,Modal Dialog,多亏了早些时候的帮助(http://stackoverflow.com/questions/12224717/cant-execute-jquery-post-or-ajax-after-initial-run),重新绑定单击事件现在可以正常工作。但是,我似乎无法重新绑定对话框定义。从这里的其他答案来看,答案似乎在于使用“委派”,但我似乎无法理解。以下是对话框中更新的代码: $('[id^="del"]').live('click', function(){ var valname =
$('[id^="del"]').live('click', function(){
var valname = $(this).attr('id').split('del_');
$.post("delthis.php", {id: ""+valname[1]+""}, function(data) {
$("#dynamic_section").html(data);
});
return false;
});
$('[id^="thismodal"]').dialog({
autoOpen: false,
show: 'blind',
hide: 'explode',
width: '760',
resizable: false,
modal: true
});
// Dialog Link
$('[id^="mlink"]').live('click', function(e) {
e.preventDefault();
var valname = $(this).attr('id');
var sname = valname.split("mlink_");
var modal = "#thismodal" + sname[1];
$(modal).dialog('open');
//return false;
});
// html
// loop
<div>
<p>
<a href='#' id='del_<?php echo $row['id']; ?>'>Delete <?php echo $row['id']; ?></a><br />
<a href='#' id='mlink_<?php echo $row['id']; ?>'>Show Modal <?php echo $row['id']; ?></a>
<div id='thismodal<?php echo $row['id']; ?>'>
This is the modal showing element # <?php echo $row['id']; ?>
</div>
</p>
</div>
// end loop
$('[id^=“del”]').live('click',function()){
var valname=$(this.attr('id').split('del_');
$.post(“delthis.php”,{id:“+valname[1]+”“},函数(数据){
$(“#动态#u节”).html(数据);
});
返回false;
});
$('[id^=“thismodal”]')。对话框({
自动打开:错误,
节目:“盲人”,
隐藏:“爆炸”,
宽度:“760”,
可调整大小:false,
莫代尔:对
});
//对话框链接
$('[id^=“mlink”]').live('click',函数(e){
e、 预防默认值();
var valname=$(this.attr('id');
var sname=valname.split(“mlink_”);
var modal=“#thismodal”+sname[1];
$(模态).dialog('打开');
//返回false;
});
//html
//环路
//端环
谢谢。这个问题帮助很大: 对于我上面的问题,我刚刚创建了:
var initModal = function () {
$('[id^="thismodal"]').dialog({
autoOpen: false,
show: 'blind',
hide: 'explode',
width: '760',
resizable: false,
modal: true
});
};
每次我重新填充html时都会调用它