jQuery如果url哈希,点击事件/激活javascript

前端之家收集整理的这篇文章主要介绍了jQuery如果url哈希,点击事件/激活javascript前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
因此,从主页,我有一个链接到产品列表页面.
产品页面具有展开/折叠div.

我需要适当的div来扩展,具体取决于url是什么.

所以主页上的链接

<a href="/out-products.PHP#healthysnacks">healthy snacks</a>

当我点击上面的链接时,我想在产品页面上激活它:

<a href="javascript:ReverseDisplay('products4')" id="healthysnacks"> Healthy Snacks</a>

我已经尝试了一些其他代码,我发现触发点击通过检查哈希标记,但没有一个正常工作,我认为这是因为ReverseDisplay js.
请有任何见解会有所帮助.

谢谢

解决方法

您可以在产品页面的文档就绪功能中进行以下更改:

简单修复:由于jQuery id-selector是#elementId,您可以简单地使用window.location.hash值作为您的id选择器,并使用它来定位所需的元素.

if ( window.location.hash ) {
    $(window.location.hash).click(); //clicks on element specified by hash
}

更好:除了上述内容之外,请从标记中取出js.

$('#healthysnacks').click(function(e) {
    e.preventDefault();
    ReverseDisplay('products4');
});

然后,执行此操作后,使用上面的$(window.location.hash).click()代码.
另外,将您的链接更改为:

<a href="#" id="healthysnacks"> Healthy Snacks</a>
原文链接:https://www.f2er.com/jquery/181513.html

猜你在找的jQuery相关文章