jQuery拖放自动打开拖动元素内的链接

Question

我正在使用jQuery和FoxyCart拖放购物车,拖放工作,但我不知道如何将项目放入购物车后自动打开链接(在拖动元素内).

基本上我有一个列表<ul>,<li class="drag">里面有我<a href="..."><img src=".." alt="thumbnail"/></a>和<a href="..." class="addtocart">Add to cart</a>.添加到购物车的链接是使用css隐藏的,但我需要它,这样当我在购物车中放置一个项目时,它将打开这个隐藏的链接(因为链接打开一个模态框并在真正的购物车中添加项目由FoxyCart提供).对我来说问题是我不知道jquery那么好,我不知道如何从其余部分过滤链接然后打开它.

Answer 1

如果您的列表如下所示:

<ul>
    <li class="drag">
        <a href="whatever" class="link-to-open">this link will be opened when dropped</a>
    </li>
    <li class="drag">
        <a href="whatever" class="link-to-open">this link will be opened when dropped</a>
    </li> 
</ul>

在您的购物车Droppable对象:

$('#shopping-cart').droppable({
    drop: function(e,ui) {
        $(ui.draggable).find('.link-to-open').click()
    }
});