Question

我有一个页面，用户可以过滤不同的产品。到目前为止这是有效的。

                <ul class="nav__list" width="100px" id="filters">
                    <li>
                        <li><button data-filter="*">All Products</button></li>
                        <li><button data-filter=".categorie1">Product1</button></li>
                        <li><button data-filter=".categorie1">Product2</button></li>
                        <li><button data-filter=".categorie2">Product2</button></li>
                        <li><button data-filter=".categorie2">Product3</button></li>
                        <li><button data-filter=".categorie3">Product4</button></li>
                    </li>
                  <ul>

是否可以调用过滤器，例如来自不同页面的类别2？像下面的链接会很棒：

<a href="shop.php?filter=categorie2">Categorie2</a>

如果有可能，有什么想法吗？

非常感谢

Answer 1

首先，在您的第一个<ul>之后，您错过了<li> 从这个问题我不完全明白你想做什么。

您要对页面上的项目进行排序吗？

您想重新加载一些项目然后过滤它们吗？

是否要向服务器发送过滤请求？

<ul class="nav__list" width="100px" id="filters">
    <li>
        <ul>
            <li><button data-filter="*">All Products</button></li>
            <li><button data-filter=".categorie1">Product1</button></li>
            <li><button data-filter=".categorie1">Product2</button></li>
            <li><button data-filter=".categorie2">Product2</button></li>
            <li><button data-filter=".categorie2">Product3</button></li>
            <li><button data-filter=".categorie3">Product4</button></li>
        </ul>
    </li>
<ul>

Answer 2

我可以使用window.location.search

获取查询字符串

现在，您可以使用JavaScript来调用用于使用相同查询字符串过滤产品的函数。

在其他页面上设置的html数据过滤器

2 个答案: