jquery - 选择时的jquery哈希标记动画

Question

我的哈希标签转换不起作用，有什么想法吗？

我有：

//Hash tag animations
$(document).ready(function(){
    $('#selectcitydd').localScroll({duration:800, hash:true});
});

这应该由选择触发：

<select id="selectcitydd">
<option selected="selected" value="http://localhost/wordpress/#afterheadindex">Tbilisi</option>
<option value="http://localhost/wordpress/gudauri/#afterheadindex">Gudauri</option>
<option value="http://localhost/wordpress/batumi/#afterheadindex">Batumi</option>
</select>

我使用这个 jquery 来触发选择 url：

// Homepage Select City function
$(document).ready(function() {
  // bind change event to select
  $('#selectcitydd').on('change', function () {
      var url = $(this).val(); // get selected value
      if (url) { // require a URL
          window.location = url; // redirect
      }
      return false;
  });
});

Answer 1

你试过了吗？

//document.ready
$(function(){
    $.localScroll.hash();
});

我想通过做

$(document).ready(function(){
    $('#selectcitydd').localScroll({duration:800, hash:true});
});

你告诉插件滚动#selectcitydd而不是窗口。

因此，要保留您指定的持续时间，您必须像这样写

$.localScroll.hash({
    target: '#content', // Could be a selector or a jQuery object too.
    queue:true,
    duration:800
});

我从未真正使用过它，只是查看了GitHub 存储库上的示例。