appendTo另一个页面上的表单？

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

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

这里是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和撤销功能 2）appendTo形式的另一页上

谢谢:)

来源

2013-10-09 DHuang

您可以使用数组作为中间步骤。将项目添加/删除到阵列并使用'.html'写入整个数组。对于＃2，你可以在页面之间传递数据 - 取决于你的语言：php，asp？ – greener

当你说“附加到另一页到表单”时，你究竟是什么意思？你的意思是不同的浏览器页面？如果是这样，该浏览器页面是否加载到另一个窗口？或者将来会加载一些时间？ – jfriend00

您可以使用$。（'＃id'）。slideUp（0）;立即隐藏一个div，但空间也会“打开”。我不知道你的意思是追加到“另一个页面” - 如果你的意思是一个完全独立的选项卡，没有发布到新的页面本身......如果可能的话，这是idk。 –

您不能修改，将在某个时候被加载的页面未来。该页面尚不存在。

您只需设置某个状态（在浏览器cookie，浏览器本地存储或服务器上）该其他页面中的JavaScript代码可以检查该状态，然后在加载时修改该其他页面。

来源

2013-10-10 00:38:32 jfriend00

appendTo另一个页面上的表单？

回答

相关问题