Question

我正在尝试为“。last-seen-products” 设置垂直方向，但是没有运气找到相关文档。如果我没记错的话， .last-seen-products 滑块在 jquery.last-seen-products.js 文件中的第181行初始化： me .productSlider.initSlider（）;

/**
         * Creates a list of all collected articles and calls
         * the product slider plugin.
         *
         * @public
         * @method createProductList
         */
        createProductList: function () {
            var me = this,
                opts = me.opts,
                itemKey = 'lastSeenProducts-' + opts.shopId + '-' + opts.baseUrl,
                productsJson = me.storage.getItem(itemKey),
                products = productsJson ? JSON.parse(productsJson) : [],
                len = Math.min(opts.productLimit, products.length);

            if (len > 1) {
                me.$el.removeClass('is--hidden');
            }

            $.each(products, function(i, product) {
                if (product.articleId === opts.currentArticle.articleId) {
                    return;
                }

                me.$container.append(me.createTemplate(product));
            });

            me.productSlider.initSlider();

            $.publish('plugin/swLastSeenProducts/onCreateProductList', [ me ]);
        }

那段代码正在调用产品滑块插件，因此如何将垂直方向选项传递给 me.productSlider.initSlider（）？我期待像我这样的东西。productSlider.initSlider（ {orientation：“ vertical”} ）还是这样做的另一种方式？

任何帮助将不胜感激。

谢谢。

Answer 1

其中许多滑块着眼于HTML容器的方向-例如图像滑块。

为了使javascript在垂直方向上工作，您应该使用CSS并将容器（您的滑块元素）设置为垂直（例如，宽度小于高度）。

Answer 2

最后，我只需要向容器div中添加data-orientation =“ vertical”即可使其工作。还可以在容器div中添加更多选项作为数据属性，您可以查看jquery.product-slider.js并检查默认值。

如何在垂直方向设置“ .last-seen-products”

2 个答案: