Question

我有一个新闻自动收录机，我添加了hrefs作为html名称的锚点。一旦你点击一个href，url会添加#name。这是href #names ...

的新闻自动收报机

<div id="ticker-wrapper" class="no-js">
<ul id="js-news" class="js-hidden">
    <li>
        <a href="#boxone">text</a>
    </li>
    <li>
        <a href="#boxtwo">text</a>
    </li>
</ul>

当您点击其中一个链接时，它会转到看起来像这样的html名称......

<a name="boxone"></a>

除了我的自动收报机忽略了速度和不透明度之外的所有设置，一切正常。我的解决方案是在将#name添加到url时使用函数重置新闻自动收报机。所以最初我的网址是......

www.blah.com/users/1

我的新闻自动收报机运作良好。然后，如果您点击新闻自动收报机中的href，则网址将更改为...

www.blah.com/users/1#boxone

所有新闻自动收报机设置都停止工作。我重置股票代码的功能是......

<script type="test/javascript">
function restartTicker() {
  // play ticker
  settings.play = true;
  settings.paused = false;
  // start the ticker again
  postReveal(); 
}

问题当#name添加到url时，如何调用该函数？谢谢

修改我尝试添加onhashchange。它是否正确？我想知道函数是否没有按预期工作。

<script>
if ("onhashchange" in window) {

$.fn.ticker.defaults = {
    speed: 0.10,            
    ajaxFeed: false,
    displayType: 'fade',
    htmlFeed: true,
    debugMode: true,
    controls: true,
    titleText: 'Latest News: ',     
    pauseOnItems: 3000,
    fadeInSpeed: 300,
    fadeOutSpeed: 300
};  
}
</script>

Answer 1

您想收听window.onhashchange事件。

https://developer.mozilla.org/en-US/docs/Web/API/Window.onhashchange

Answer 2

查看窗口事件onhashchange。

当url附加#name时的Javascript函数

2 个答案: