0

我正在 mvc3 razor 中创建一个应用程序。我正在使用 jqxnavigationbar 创建导航面板。我在文件夹中添加了所需的 js 和 css 文件。下面是我在布局中的示例代码

标题 1
内容 1

标题 2

内容 2
标题 3

内容 3

下面是我在标题部分的 javascript 函数

<script type="text/javascript">
$(document).ready(function () {
    // Create jqxNavigationBar  
    $("#jqxnavigationbar").jqxNavigationBar({ width: 200, height: 200 });
    $("#jqxnavigationbar").bind('expandedItem', function (event) {
        var index = event.item + 1;

        alert("Expanded: Header " + index);

    });
});

但是当我运行项目时它显示错误

$("#jqxnavigationbar").jqxNavigationBar 不是函数。和导航面板不显示在浏览器中。

我该怎么做才能消除错误并使用 jq 导航栏。

4

2 回答 2

0

你把你的脚本：

在 _Layout 视图的顶部？您的错误意味着 jquery nav 库尚未扩展 jquery 之一。

还可以从您的 Web 浏览器调试工具中查看脚本窗口，以检查您是否没有加载多个 jquery-1.8.3* lib，您应该只有一个，完整的 ou 缩小版。

于 2013-04-26T10:27:24.423 回答
0

我在布局页面的头部部分犯了一个错误。添加所需 jqxnavigationbar js 和 css 文件的引用后，我添加了 jquery-1.4.2.min.js 文件的引用。所以它对我不起作用。现在，在删除这些引用之后，最终的标题代码在下面，这对我来说很好。 

      <link rel="stylesheet" href="/Content/jqx.base.css" type="text/css" />
      <link rel="stylesheet" href="@Url.Content("~/Content/jqx.energyblue.css")" type="text/css" />   
<script type="text/javascript" src="/scripts/jquery-1.8.3.min.js"></script>  
  <script type="text/javascript" src="/scripts/jqxcore.js"></script> 
     <script type="text/javascript" src="/scripts/jqxnavigationbar.js"></script>
     <script type="text/javascript" src="/scripts/jqxexpander.js"></script>  

     @*AUTOCOMPLETE JQUERY FILES AND CSS FIES*@

     <link href="/Content/jquery.ui.all.css" rel="stylesheet" type="text/css" />
     @* <script src="/Scripts/jquery-1.4.2.min.js" type="text/javascript"></script>*@
<script src="/Scripts/jquery-ui-1.8.custom.min.js" type="text/javascript"></script>
    @RenderSection("PageScripts",false)

将 jqnavigation 栏的代码放在 javascript 部分中。

于 2013-04-30T12:48:46.330 回答