jQuery将类添加到动态菜单

时间:2013-08-22 20:08:14

标签: jquery css twitter-bootstrap business-catalyst

我正在尝试使用jQuery向动态生成的菜单添加一个类。我正在Business Catalyst上构建网站,因此我无法访问服务器端代码。我尝试使用 .addClass()方法将类添加到我的ul项。我这样做是因为我使用Twitter Bootstrap和Business Catalyst生成具有唯一ID而不是类的ul菜单。 我尝试的代码似乎没有在我的菜单中为ul元素添加一个类。任何帮助都将不胜感激。

代码:

    <div class="navbar">
    <div class="navbar-inner">
        <div class="container">
          {module_menu,14623}
        </div>
    </div>

<script type="text/javascript">
$(document).ready(function(){
    $("#nav_14623").addClass("nav");
});
</script>

网站网址: http://jshub.designangler.com/

2 个答案:

答案 0 :(得分:1)

在包含jquery代码之前添加了脚本代码,你必须将脚本代码放在它之后

Currenttly看起来像:

<script type="text/javascript">
    $(document).ready(function(){
        $("ul#nav_14623").addClass("nav");
    });
</script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.js" /></script>

需要

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.js" /></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("ul#nav_14623").addClass("nav");
    });
</script>

答案 1 :(得分:0)

运行此命令以测试您是否首先使用jQuery:

<script>
$(function(){

alert('jQuery ok!')
})

</script>

如果你收到警告,那么如果没有jQuery,那么就没有安装或没有正确设置jQuery。