移除元素时关闭画布面板

Question

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

Here is an FIDDLE demonstrating the issue

通过查看来自(link straight to code)simpleCart.js - 第337-353 行的这个sn-p，我是否正确地假设一旦您删除一个项目，它会重新加载购物车并因此导致面板关闭？如果是这种情况，那么此代码的版本将如何解决我的问题？

                // 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，意味着它会一直保持打开状态，直到用户单击“CLOSE PANEL HERE”链接。

See the fiddle

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