0

mvc3 razor.i でアプリケーションを作成しています。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

レイアウト ページの head セクションに誤りがありました。必要な 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 に答える