javascript - 为什么 document.ready() 不能在这个页面上工作？

Question

所以我有一个简单的 jquery 代码来突出显示导航菜单。

$(document).ready(function(){
$('#header .mm a').each(function(){

    if( $(this).attr('href') == window.location.href ){
        $(this).addClass('active');
    }

    var value = window.location.href.substring(window.location.href.lastIndexOf('/') + 1);

    if( $(this).attr('href') == '/site/' && (value == '') ){
        $(this).addClass('active');
    }

});
});

在此页面上：http: //perfectlanding.com.au/creativity

我不知道为什么代码不会运行。控制台中没有错误。

Answer 1

该代码不在脚本标签内。修复它，它应该可以正常工作。

Answer 2

查看页面源，有问题的脚本不在任何标签之间。您可以看到它在页面底部的页脚下方发出。

Answer 3

复制粘贴这个：

<script type="text/javascript">
$(document).ready(function(){
  $('#header .mm a').each(function(){

    if( $(this).attr('href') == window.location.href ){
        $(this).addClass('active');
    }

    var value = window.location.href.substring(window.location.href.lastIndexOf('/') + 1);

    if( $(this).attr('href') == '/site/' && (value == '') ){
        $(this).addClass('active');
    }

  });
});
</script>