Question

我正在使用simpleCart.js和Bootstrap 3设置一个小商店。为了显示购物车，我希望使用我使用Jasny-bootstrap add-on启用的非画布面板。一切正常，但当我从购物车中消除元素时，非画布面板关闭。这样，用户无法修改购物车中的内容，而无需在每次点击后重新打开面板。在 用户选择 关闭面板之前，如何让面板保持打开状态？

Here is an FIDDLE demonstrating the issue

从(link straight to code) simpleCart.js - 337-353行查看此片段，我是否正确地假设一旦你删除了一个项目，它会重新加载购物车，因此会导致面板关闭？如果是这种情况，那么这段代码的版本将如何修复我的问题？

                // empty the cart
            empty: function () {
                // remove each item individually so we see the remove events
                var newItems = {};
                simpleCart.each(function (item) {
                    // send a param of true to make sure it doesn't
                    // update after every removal
                    // keep the item if the function returns false,
                    // because we know it has been prevented 
                    // from being removed
                    if (item.remove(true) === false) {
                        newItems[item.id()] = item
                    }
                });
                sc_items = newItems;
                simpleCart.update();
            },

提前谢谢你：）

Answer 1

选项autohide控制当用户点击导航栏时是否应关闭导航栏。将其设置为false，意味着它保持打开状态，直到用户点击此处的“关闭面板”为止。链接。

See the fiddle

请注意，通常情况下，当单击其内部的链接时，navmenu不会关闭。我不确定为什么会发生这种情况。

移除元素时，非画布面板会关闭

1 个答案:

See the fiddle