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

Question

我正在尝试为 ".last-seen-products" 设置垂直方向，但没能找到谈论它的文档。如果我没记错的话，.last-seen-products 滑块在 jquery.last-seen-products.js[=25= 中初始化] 文件第 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 ]);
        }

那段代码正在调用 Product 滑块插件，那么如何将垂直方向选项传递给 me.productSlider.initSlider() ???我期待的是 me.productSlider.initSlider({orientation: "vertical"}) 还是另一种方式？

如有任何帮助，我们将不胜感激。

谢谢。

Answer 1

很多滑块会查看 HTML-Container 的方向 - 例如图像滑块。

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

Answer 2

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