Question

即时使用jquery拖放购物车，示例链接为http://jsfiddle.net/GPBUn/5/ 我需要找到总产品和价格总和，任何帮助

basket.find("ul").append('<li data-id="' + move.attr("data-id") + '">'                          
                            + '<span class="name">' + title + '</span>'
                            + '<span class="price">' + price + '</span>'
                            + '<input class="count" value="1" type="text" id="item' + ccounts + '">'
                            + '<input class="total" value="' + price + '" type="text" id="total' + ccounts + '">'
                            + '<button class="delete">&#10005;</button>');
                            ccounts++;
                            //  + '<button class="total">'+ (price)*($(".count").val())+'</button>'
                            var tott= tott+ $(this).parents('li').find('.total').html();
                        //  alert(tott);

Answer 1

几乎没有问题的逻辑和选择合适的选择器。所以我纠正了他们。

以下是我在您的代码中修改过的内容

在addBasket()函数中，您使用了.parents()方法，该方法指向所有产品的根级别，即ul标记，因此始终加载第一项详细信息任何被丢弃的物品。我将此更改为.closest()，因为这会指向已删除的产品<li>标记的确切根。
从jquery开始，1.7 .live()已被弃用，因此我将其替换为.on()，这将与委派的Events（）一起顺利运行。参考：https://api.jquery.com/on/
由于使用的.live()不适用于动态生成的元素，因此按钮click事件将关闭数据字段中的产品条目和focusout事件没有用，因此.on被使用了，甚至改变了选择器。

现场演示：

http://jsfiddle.net/GPBUn/25/

始终遵循 KISS 原则，保持简单愚蠢。

快乐编码：）

找到总项目和价格的总和

1 个答案:

以下是我在您的代码中修改过的内容