Question

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

另外，如何在添加项目后删除它？我目前的代码允许我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;
}

JS

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

底线：

1）appendTo和Undo功能 2）追加到另一页的表格

谢谢：）

Answer 1

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

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

追加到另一页的表格？

1 个答案: