Question

我需要从select选项中添加查询字符串，以便在页面加载时将产品排序为“价格从低到高”作为默认选项，在这里您可以查看在收藏T恤https://soft-theme.myshopify.com/collections/t-shirts中显示的产品，默认选项为“最新到最旧”我希望将此“价格低至高”更改为默认选项，因为当我们选择“价格低至高”时，您可以从排序依据的下拉菜单中看到它变为https://soft-theme.myshopify.com/collections/t-shirts?sort_by=price-ascending

我只想在第一次打开页面时将其作为默认值。

http://prntscr.com/ehqmep

Answer 1

您可以通过触发默认情况下要在jquery中显示的特定事件来执行此操作。首先为下拉列表提供ID

<ul class="dropdown-menu" role="menu" selected="selected">
        <li><a id="id1" href="manual">Featured</a></li>
        <li><a id="id2" id="test" href="price-ascending">Price: Low to High</a></li>
        <li><a id="id3" href="price-descending">Price: High to Low</a></li>
        <li><a id="id4" href="title-ascending">A-Z</a></li>
        <li><a id="id5" href="title-descending">Z-A</a></li>
        <li><a id="id6" href="created-ascending">Oldest to Newest</a></li>
        <li><a id="id7" href="created-descending">Newest to Oldest</a></li>
        <li><a id="id8" href="best-selling">Best Selling</a></li>
      </ul>

然后在jquery文件就绪函数中触发如下事件

$(function(){
    $("#id2").click(); //as price low to high
});

需要在select选项的url中添加查询字符串

1 个答案: