我发现了一些相关的问题,不幸的是我无法修复我的代码。
短暂:-
-我有一个窗体在"Colorbox"窗口,当我提交表单,我重新加载…Div id="reload" ..在父窗口中显示新提交的数据。
-父窗口更新成功并加载新数据。
: -
通过.load将新数据加载到父窗口后…带有"Colorbox"类的url不能作为"Colorbox"链接工作(作为普通链接工作-在整个页面中打开)。
-这些链接在.load() new data
之前正常工作-我需要在。load
之后用"Colorbox"打开这些链接
1。父页面:
<script>
$(document).ready(function ()
{
$(".popup_class1").colorbox({iframe:true, innerWidth:1100, innerHeight:550,
overlayClose:true
});
});
</script>
<div id='reload'>
<!-- data to be reloaded after submitting the form in the colorbox window -->
<a href='sales_cc_item_edit.php?id_cci=$id_cci' class='popup_class1'>EDIT</a>
</div>
2。Colorbox页面:
这个页面有一个表单…提交表单后,AJAX成功有一个代码来重载父页面中的div。
<script>
$(function() {
$.ajax({
url: "sales_action.php",
type: "post",
data: $(this).serialize(),
success: function () {
parent.$('#reload').load(parent.document.URL + ' #reload');
}
});
});
</script>
非常感谢您的帮助
load()后,您需要重新初始化新创建的".popup_class1"的colorbox。还要加上"。Popup_class1 "来加载链接,因为没有它,你会有双重#reload在你的父级。
试试这个:
parent.$('#reload').load(parent.document.URL + ' #reload .popup_class1',
function(){
parent.$(".popup_class1").colorbox({iframe:true, innerWidth:1100, innerHeight:550,overlayClose:true});
});