jQuery Colorbox Iframe 和选择器

Question

我有这个：

$("a.money").colorbox({href:$("a.money").attr("href")+" div#content"});

这会打开叠加层，但仅包含 #content 选择器中的内容。如果我添加 iframe:true，这将不再有效。有没有办法让它与 iframe 一起使用？

编辑： 我可以让它最接近工作的是这样做：

$("a.money").colorbox({iframe:true, width:700, height:425,
    onComplete: function() {
        alert('test');
        $test = $("#cboxLoadedContent iframe").contents().find("#content").html();
        $("#cboxLoadedContent iframe").contents().find("#container").html($test);
    } 
});

虽然没有警报，但它似乎不起作用，但我研究了一下，我认为我需要使用 .live()，这导致我尝试这样做：

$('a.money').live('click', function() { 
    url = this.href; // this is the url of the element event is triggered from
    $.fn.colorbox({href: url, iframe:true,width:700, height:425,
        onComplete: function() {
            $test = $("#cboxLoadedContent iframe").contents().find("#content").html();
            $("#cboxLoadedContent iframe").contents().find("#container").html($test);
        } 
    });
    return false;
});

没用，我仍然需要添加警报才能使其正常工作。

如果您可能想知道我要做什么。网页加载在 iframe 中，所有元素都在 #container 中，因此包括 #header、#sidebars，但我只想在 iframe 中显示 #content。然而，这导致我意识到另一个问题。假设我在没有警报的情况下让它工作，它只适用于那个初始页面。例如，如果我在 iframe 中加载了一个表单，在提交表单后，我将再次看到整个布局，而不仅仅是#content 部分。是否可以在进一步导航时继续仅显示页面的#content 部分？

Answer 1

您的初始代码在没有警报的情况下无法运行的原因是，除了需要“onComplete”功能之外，您还需要 iframe 上的加载事件。该警报为 iframe 提供了加载时间，从而使您的代码正确呈现。

所以，它应该看起来像：

$("a.money").colorbox({iframe:true, width:700, height:425,
    onComplete: function() {
        $("#cboxLoadedContent iframe").load(function(){
              $test = $(this).contents().find("#content").html();
              $(this).contents().find("#container").html($test);
    });
    } 
});

Answer 2

这应该可行。

  $("a.money").colorbox({ href:"#content", inline: true, iframe: true });
  <div id='content'>Any content here</div>
  <a class='money' href="#">question</a>

Answer 3

我根据这些线程中的代码找到了替代解决方案：

http://groups.google.com/group/colorbox/browse_thread/thread/9a54137b8cae96c5/11d37ea7ab72562f http://groups.google.com/group/colorbox/browse_thread/thread/8a0deec97202e27c/2e7524b87931a89e

它不使用 iframe，但它或多或少正是我想要的。