因此,从主页,我有一个链接到产品列表页面.
产品页面具有展开/折叠div.
产品页面具有展开/折叠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 }
$('#healthysnacks').click(function(e) { e.preventDefault(); ReverseDisplay('products4'); });
然后,执行此操作后,使用上面的$(window.location.hash).click()代码.
另外,将您的链接更改为:
<a href="#" id="healthysnacks"> Healthy Snacks</a>