使用jQuery UI加载页面并突出显示锚点div
使用jQuery UI加载页面并突出显示锚点div
提问于 2016-01-05 17:31:03
我试图以类似于StackOverflow的方式设置锚标记，如果我在页面A上，单击B页上的div链接，div将通过jQuery UI的突出显示功能突出显示。我很难弄清楚如何将锚链接传递到新页面并突出显示它。下面是页面场景。
页面A
...
<a href="/albums/1#track-1页面B
<!-- /albums/1#track-1 -->
<div class="tracklist">
...
<div id="track-1" class="track">Track 1</div> <!-- Highlights this div -->
<div id="track-2" class="track">Track 2</div>
<div id="track-3" class="track">Track 3</div>
...
</div>除了设置本身，我还有一些性能问题。理想情况下，我认为无论页面上是否有特定的div，您都必须遍历上的每个上的每个页面加载。做这件事的最佳方法是什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-01-05 18:55:50
您在html代码中写错了ids，删除了'#‘符号。像下面这样的东西会起作用的。
$(document).ready(function() {
var url = window.location.href; // Returns full current url.
var hash = url.substring(url.indexOf("#") + 1);
$('#' + hash).effect('highlight', {color: '#00f'}, 2000);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34617802
复制相关文章
相似问题
腾讯云开发者
