0

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

这是一个演示问题的 FIDDLE

从（直接链接到代码） 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();
            },

先感谢您 ：）

4

1 回答 1

1

该选项autohide控制当用户单击导航栏外部时是否应关闭导航栏。将其设置为false，意味着它保持打开状态，直到用户单击“CLOSE PANEL HERE”链接。

看小提琴

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

于 2014-04-11T20:00:01.110 回答