从 colorbox 重新加载父 div

Question

我有一个带有购物车的 colorbox iframe。我需要重新加载显示“购物车监视器”的父 div，因为我在该 colorbox iframe 上有一个“空购物车”链接。

            $("#submit<%response.write productid%>").click(function(event) {
            alert('actualizo carromonitor!');
            parent.$("#carromonitor").html.load("carromonitor.asp");
            });

有人可以帮助我吗？

Answer 1

看起来你在这一行有一个错误：

parent.$("#carromonitor").html.load("carromonitor.asp");

jquery 中的 html() 函数应该如下所示：

parent.$("#carromonitor").html("Your HTML code here");

但是，由于你想通过 ajax 加载它，所以不需要 html() 函数。您可以这样做：

parent.$("#carromonitor").load("carromonitor.asp");

此外，iframe 文档本身中的代码需要位于文档就绪块中。你没有提到它，所以我不知道你是否已经这样做了，但它不应该在 iframe 加载之前运行：

$(document).ready(function() {
    $("#submit<%response.write productid%>").click(function(event) {
        alert('actualizo carromonitor!');           
        parent.$("#carromonitor").load("carromonitor.asp");
    });
});

Answer 2

这样可以吗：

$("#submit<%response.write productid%>").click(function(event) {
  alert('actualizo carromonitor!');
  $("#carromonitor").load("carromonitor.asp");
});

由于 #carromonitor 是一个 ID，因此应该是唯一的，因此它与单击的元素相关这一事实应该不重要。如果您要复制 ID（不应该这样做），请将 $('#carromonitor') 替换为 $(this).closest('#carromonitor')

一您可能遇到的问题是，第一次之后不会调用单击处理程序（假设 #submitXXX 元素位于 #carromonitor 内）。在这种情况下，请将： 替换

$("#submit<%response.write productid%>").click(function(event) {

为

$("#submit<%response.write productid%>").live('click', function(event) {