Question

这很难解释，但我会尽我所能。

我有一个包含3个div的页面，每个div包含每个产品的信息和订单按钮。访问者可以点击产品图片，它基本上会隐藏所有div，然后显示与他们点击的图像相关的div。

我有一个侧边栏，它在网站的所有页面上全局运行，每个产品都有“快速链接”。我想知道是否有一种方法可以将这些链接到产品页面，以便人们可以从网站的任何页面点击它们，它将打开产品页面，其中已点击的产品已被选中并且可见。< / p>

我认为可以通过在产品页面链接的末尾使用＃product1，＃product2等来完成，但我不确定如何实现。有没有人有任何想法？

PS：在产品页面上，只需检测产品图像上的onclick，然后隐藏并显示一个单一的DIV（而不是通过使用#link锚点）来选择产品。

Answer 1

你想使用锚点。

所以你在DIV中命名一个锚点。

<div id="product1">
<a name="product1">
</div>

然后你用你所描述的'＃'链接到那个。如果您从另一个页面进行链接，请使用完整路径，如果您是从同一页面进行链接，请使用＃product1。

<a href="/path/to/page/#product1">

现在你发现的棘手的一点是jQuery意识到你在页面加载时请求了一个锚点。此代码依赖于上面的构造，其中div的id与锚名称相同。这里有一小段示例代码调用div上的show（）方法，该方法与传递给URI的锚名称相同。

$(document).ready(function() {
    var uri = document.location.toString();
    if (uri.match("#")) {
        anchor = uri.split("#")[1];
        $('#' + anchor).show();
    }
});

通过链接选择jQuery快速产品

1 个答案: