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>

在您的购物车中可放置对象:

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