厚盒帮助在关闭时从父级 html 调用方法

Question

我使用thickbox来加载html。这个 html 有一个表单，我需要将一些内容添加到数据库中。我在主 html 中有一个选择框（我从中加载厚盒的那个）。 我想要做的是，当我按下厚盒中的关闭按钮时，选择框必须使用我刚刚添加到数据库中的内容进行更新。我正在考虑修改厚盒关闭方法并调用更新选择框的方法，但是当我这样做时厚盒崩溃了。任何提示将不胜感激。

Answer 1

您还可以“劫持”整个 tb_remove 函数。
这意味着您不仅会捕获链接点击，还会捕获 ESC 键按下。

这涉及到内联重命名原始删除方法并用您自己的方法替换它。

    <script type="text/javascript">
        var original_tb_remove = tb_remove;
        tb_remove = function () { 
                  **** insert your coolness here ****
                  original_tb_remove(); 
                  return false; } 
    </script>

注意：请确保在首次调用 Thickbox 之前执行此操作，以获得最大成功。

Answer 2

如果您使用 Firebug 检查正在运行的厚盒，您可以看到厚盒模式实际上是主页内的一个 div。您可以从厚盒中调用主页中的任何功能。

例如，此代码将“劫持”thickbox 关闭链接并执行额外的操作：

$("#TB_closeWindowButton").click(function(){
  tb_remove();
  //do extra stuffs, such as get a new select
  var select_parent = $('#theselect').parent();
  $.get('new_select.php',
        {},
        function(data){
          select_parent.html(data);
        });
});

除了劫持thickbox 关闭链接之外，您还可以将代码放入thickbox 内的任何链接中。只需确保在自定义代码之前或之后调用 tb_remove() 来关闭厚盒窗口即可。如果涉及到提交表单，请使用jQuery表单插件通过AJAX提交表单，然后在成功提交表单后运行关闭函数。

关于更新选择框，请参阅我的答案 此处了解如何使其在每个浏览器中运行。

为了确保您的函数始终被调用，您可以将厚盒设置为使用modal模式，该模式将禁用转义键。记得输入关闭代码，因为默认情况下，厚框栏不会显示。