JavaScript (colorbox)在通过jquery. load()加载的内容中不起作用


JavaScript (colorbox) doesn't work in loaded content via .load() jquery

我发现了一些相关的问题,不幸的是我无法修复我的代码。

短暂:-
-我有一个窗体在"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});
});