Jquery 表单提交到iframe后的目标特定div。

这是我的设置

我有两个页面，index.html和cart.html。我在index.html上有一个表单，提交后会在弹出的iframe中加载cart.html。那很好

当我将cart.html加载到iframe中时，它将加载整个cart.html页面，显示与index.html相同的标题/菜单/背景。但这是一个问题，我需要能够将cart.html加载到iframe中，然后将ID为“cart content”的div作为目标。我只需要那个div来显示，而不是整个页面

一个解决办法是，只对cart.html进行样式化，使其适合iframe，而不需要它的标题/菜单/背景，但我需要能够在iframe之外访问cart.html

这是我的表格：

<form id="product-form" method="post" action="/cart">
<!-- BIG CARTEL CONTENT, NOT IMPORTANT -->
</form>

我正在使用jQuery插件FaceBox来打开iFrame。这是它的代码：

jQuery('#product-form').submit(function() {
    jQuery.facebox('<iframe name="targetbox"></iframe>');
    return true;
}).prop('target','target box')

所以在形式上，我需要它的动作类似于/cartcart内容，有意义吗？希望有人能帮忙！谢谢

查看以下内容：

基本上，使用load函数加载cart.html页面，并从该页面上选择要显示的div，即

$'popUpDiv'。加载'path-to-my-page/cart.html divToDisplay'

在本例中，divToDisplay是要加载到弹出窗口中的cart.html片段的ID

注意波蒂回答的最后一句话-

你可能还需要做其他事情，这是一个显著的区别 内容将成为主页的一部分，而不是 隔离到一个单独的窗口

如果从加载的div提交，则可能需要对此进行说明

---

HTH

什么是.prop'target'，'target box'？加载iframe是Facebox代码的一部分。但是如果必须将cart.html从表单中删除，如何将其加载到iframe中？在这种情况下，您不会使用iframe。内容将直接加载到一个div中，即您页面上的弹出div。感谢您的帮助，我决定坚持使用iFrames，只需在页面上创建指向购物车的链接即可在iFrame中打开。你的回答是正确的，我想如果我那样做的话。谢谢