appendTo 另一个页面上的表单？答案

【问题标题】：appendTo a form on another page?appendTo 另一个页面上的表单？
【发布时间】：2013-10-17 13:32:05
【问题描述】：

我能够使用 JSfiddle 创建一个 appendTo 事件。通过单击图像，我可以获得打印在另一个 div 列表中的那些图像的标题。但是，如果我希望将它附加到表单的另一个页面怎么办？

另外，添加后如何删除项目？我目前拥有的代码允许我追加到，但我不知道如何撤消这个事件......有什么建议吗？

这里是 JS 小提琴：http://jsfiddle.net/jhyqt5/cBsqN/20/

和代码：

HTML

<div class="wrapper">
    <div class="caption">Blueberry</div>
    <img src="https://scontent-a-pao.xx.fbcdn.net/hphotos-prn2/1394351_529524313783586_609777864_n.jpg" class="img-circle">
</div>

<div class="wrapper">
    <div class="caption">Walnuts</div>
    <img src="https://scontent-b-pao.xx.fbcdn.net/hphotos-ash4/1377244_529524413783576_249384396_n.jpg" class="img-circle">
</div>

<div class="wrapper">
    <div class="caption">Craisins</div>
    <img src="https://scontent-b-pao.xx.fbcdn.net/hphotos-frc3/1378714_529524353783582_129148654_n.jpg" class="img-circle">
</div>
   <br>
       <br>
<div class="foodlist">

</div>

CSS

.img-circle {
    border-radius: 50%;
    height: 140px;
    width: 140px;
}
.wrapper {
    position: relative;
}
.caption {
    background-color: black;
    opacity: .7;
    text-align: center;
    line-height: 120px;
    color: white;
    position: absolute;
    display: none;
    border-radius: 50%;
    width: 140px;
    height: 140px;
}
.wrapper:hover .caption {
    display: block;
}
.wrapper.active .caption {
    display: block;
    opacity: .8;
    background: #38ACD5;
}

$('.wrapper').on('click', function () {
    $(this).toggleClass('active');
    var caption = $(this).find(".caption").text();
    $("<li>" + caption + "</li>").appendTo("div.foodlist");
});

底线：

1) appendTo 和 Undo 函数 2）追加到另一个页面上的表单

谢谢:)

【问题讨论】：

您可以使用数组作为中间步骤。向数组添加/删除项目并使用.html 写入整个数组。对于 #2，您可以在页面之间传递数据 - 取决于您的语言：php、asp？
当你说“附加到另一个页面到一个表单中”时，你到底是什么意思？你的意思是不同的浏览器页面？如果是这样，该浏览器页面是否加载到另一个窗口中？或者它会在未来的某个时间加载？
你可以使用 $.('#id').slideUp(0);立即隐藏一个 div，但空间也会“打开”。我不知道你是什么意思附加到“另一个页面”——如果你的意思是一个完全独立的选项卡，而不是发布到新页面本身......如果可能的话，idk。
@jfriend00，将在未来某个时间加载。我是黑客新手。在铁轨上玩耍。我正在建立一个定制网站。例如，披萨的定制。用户可以选择不同种类的肉、奶酪和蔬菜。当它们被选择时，这些项目同时被打印到一个表格中。当用户单击提交按钮时，会生成表单（？）......这样制作披萨的人都可以获得选择实际制作披萨的物品列表......对于这个模糊可能造成的任何混乱，我们深表歉意.

标签： javascript jquery html css appendto

【解决方案1】：

您无法修改将在未来某个时间加载的页面。该页面尚不存在。

您所能做的就是设置一些状态（在浏览器 cookie、浏览器本地存储或服务器上），以便其他页面中的 javascript 代码可以检查，然后在其他页面加载时对其进行修改。

【讨论】：