JavaScript（colorbox）在通过.load（）jQuery加载的内容中不起作用

Question

我发现了一个相关的问题，很遗憾，我无法修复我的代码。

简要：-
-我在“颜色框”窗口中有一个表单，提交表单时，我在父窗口中重新加载.. div id =“ reload” ..以显示新提交的数据。
-父窗口已成功更新，并且已加载新数据。


问题：-
通过.load ..将具有“ Colorbox”类的URL加载到父窗口中的新数据后，不能作为“ Colorbox”链接使用（作为普通链接使用-在整页中打开）。
-这些链接在.load（）新数据之前可以正常工作
-在.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>

非常感谢您的帮助。

Answer 1

在load（）之后，您需要为新创建的“ .popup_class1”重新初始化颜色框。 还要添加“ .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});
});