从链接

Question

我试图使用scrollspy返回第一个找到匹配的哈希值，但在http://twitter.github.com/bootstrap/javascript.html#scrollspy的例子似乎不工作，并且还出现了一个平视：

Heads up! Navbar links must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>. 

钍的问题是scrollspy只是在我的站点中有一个功能，即使在页面中没有id目标时，它也会始终加载，并且这会导致错误，正如平视图所预测的那样。

错误：

uncaught exception: Syntax error, unrecognized expression: # 

同样的错误也发生在我使用scrollTo.js插件。

所以我想添加一个条件，只有在DOM中存在id目标时才激活scrollspy。

$('.nav-scrollspy').each(function() { 
       var $nav = $(this).find('a'); 
       var linkHref = $nav.attr('href').split('#')[1]; 
       if ($('#' + linkHref).length) { 
       $(this).scrollspy(); 
       } 
    }); 

上面的失败，因为我认为我应该过滤到链接的第一个发现的哈希。

任何暗示的问题或其他更好的方式将非常感激。 感谢

Answer 1

改变这一行

if ($('#' + linkHref).length) { 

到

if ($.trim(linkHref).length > 0) { 

，它应该工作的罚款。

此行

var linkHref = $nav.attr('href').split('#')[1]; 

linkHref后这样做的原因是string

所以它包裹$对象是没有必要的在这种情况下，并可能导致错误，我使用$.trim到trim也不是强制的任何空格，但是在这种情况下是一个好习惯。