Question

我已经看过很多遍了，我无法弄清楚为什么我的脚本没有全部运行。任何帮助将不胜感激......

脚本......

</head>

<script type="text/javascript">
    $(document).ready(function() {
        $('li#profiles').addClass('active');
        $('#content').load('profiles');

        $('nav ul li a').click(function() {
            $('.active').removeClass('active');
            $(this).parent().addClass('active');
            var link = $(this).parent().attr('id');
            $('#content').load(link);
            return false;
        }); // end click
    }); // end ready
</script>

<body>

我体内的身体......

<nav>
    <ul>
        <li id="profiles"><a href="profiles">Guest Profiles</a></li>
        <li id="config"><a href="config">Configuration</a></li>
    </ul>
</nav>

我已设置此样式以查看它是否正常工作....

<style>
    .active a {color : rgb(80,180,80);}
</style>

加载页面时，配置文件链接是典型的蓝色。我正在使用Chrome DevTools并且看不到DOM中的任何更改.....而且，当我点击任一链接时，它会跟随链接而不是.click .....

谢谢

-John

Answer 1

您可能只需要包含jQuery库。你的代码工作得很好。只需将此添加到您的脑海中。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

此fiddle证明您的代码没问题。

Answer 2

看起来你只是忘了包含你的jQuery源代码。

为什么我的脚本不运行？

2 个答案: