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

Question

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

简介：-
- 我在 "Colorbox" window 中有一个表单，当我提交表单时，我重新加载 .. div id="reload" .. 在父 window显示新提交的数据。
- 父 window 已成功更新并加载新数据。

问题：-
通过 .load 将新数据加载到父级 window 后 .. 带有 "Colorbox" class 的 URLS 不能作为 "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。彩盒页面：
此页面有一个表单...提交表单后AJAX success 有一个代码可以在父页面重新加载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”以加载 link，因为如果没有它，您的父级将有双重 #reload。

试试这个：

parent.$('#reload').load(parent.document.URL + ' #reload .popup_class1',
        function(){
            parent.$(".popup_class1").colorbox({iframe:true, innerWidth:1100, innerHeight:550,overlayClose:true});
});

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

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

javascript

php

jquery

colorbox