Woocommerce 默认排序不起作用

Question

我正在使用带有 wordpress 的 Woocommerce 插件并在排序时遇到问题。当我尝试使用选择选项进行排序时，页面未重新加载。我认为这是一些 JavaScript 问题，请帮我纠正他的问题。

这是 HTML 代码：

<form class="woocommerce-ordering" method="get">
    <select name="orderby" class="orderby">
                    <option value="popularity">Sort by popularity</option>
                    <option value="rating">Sort by average rating</option>
                    <option value="date">Sort by latest</option>
                    <option value="price" selected="selected">Sort by price: low to high</option>
                    <option value="price-desc">Sort by price: high to low</option>
            </select>
    <input type="hidden" name="paged" value="1">
    </form>

Answer 1

您可以简单地将这个 javascript 函数放在您的页脚中。

$(function() {
    $('.woocommerce-ordering select').change(function() {
        this.form.submit();
    });
});