0

ごきげんよう。

私は単純な MVC 3 .net アプリケーションで作業しており、jQuery を動作させることができない理由を理解しようとしています。

開発環境：Visual Studio 2010、MVC3 Razor

_layout.cshtml のセクションに以下を配置しました。

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="Stylesheet" type="text/css" />

    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.core.css")" rel="stylesheet" type="text/css" />     
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.datepicker.css")" rel="Stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.theme.css")" rel="Stylesheet" type="text/css" />   

     @Script("jquery-1.7.2.min.js")
     @Script("jquery-ui.1.8.11.min.js")
     @Script("jquery.ui.core.js")
     @Script("GHRIInventory.js")

@Script はカスタム ヘルパーです。

@helper Script(string scriptName){ }

GHRIInventory.js は、私のコードを含む外部 .js ファイルであり、私の Scripts ディレクトリにあります。

/// <reference path="jquery-1.5.1.js" />
/// <reference path="jquery-ui-1.8.11.js" />
/// <reference path="jquery-1.5.1-vsdoc.js" />
/// <reference path="jquery.ui.autocomplete.js" />

$(document).ready(function () {

      $(".button").click(function () {
        $(this).attr("value", "please wait..");
    });
});

私の見解では、次のように配置しました。

これは複雑なスクリプトではなく、jQuery が適切にセットアップされていることを証明するためだけに使用しています。ボタンをクリックすると、ボタンのテキストが「マイ ボタン」から「しばらくお待ちください..」に変わります。ボタンは表示されますが、クリックしても何も起こりません。

必要な要素はすべて揃っていると思いますが、まだ機能しています。1) jQuery を _layout.cshtml に追加します。2) カスタム .js を _layout.cshtml に追加して、すべてのビューで使用できるようにします。3) カスタム .js を作成、コーディングし、スクリプト フォルダーに配置する 3) ビューに HTML 要素を追加する

アプリケーションを実行すると、ソースは次のようになります。

<

head>
    <meta charset="utf-8" />
    <title>Create</title>



    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <link href="/Content/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />

    <script src="/Scripts/modernizr-1.7.min.js" type="text/javascript"></script>
    <link href="/Content/themes/base/jquery.ui.core.css" rel="stylesheet" type="text/css" />     
    <link href="/Content/themes/base/jquery.ui.datepicker.css" rel="Stylesheet" type="text/css" />
    <link href="/Content/themes/base/jquery.ui.theme.css" rel="Stylesheet" type="text/css" />   


          <script src="/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>   

          <script src="/Scripts/jquery-ui.1.8.11.min.js" type="text/javascript"></script>   

          <script src="/Scripts/jquery.ui.core.js" type="text/javascript"></script>   





     <script src="/Scripts/jquery.ui.core.min.js" type="text/javascript"></script>
          <script src="/Scripts/GHRIInventory.js" type="text/javascript"></script>   


     <script src="../../Scripts/jquery.ui.datepicker.min.js" type="text/javascript"></script>
    <script src="../../Scripts/DatePickerReady.js" type="text/javascript"></script>

</head>


<body>

<input id="button_click" type="button" value="my button" />


</body>

トラブルシューティングの提案は大歓迎です...ありがとう...

4

2 に答える 2

1

セレクターが間違っているようです。クラス「ボタン」です​​べてのオブジェクトを選択しています-IDで選択するには、代わりに $('input[type="button"]) または $('#button_click') のようなものが必要だと思います

于 2012-05-01T16:22:59.260 に答える
1 
   you are selecting by class name i.e. $(".button") and no class is assigned. either you should select by control type i.e. $("button") or by id i.e. $("#button_click").

スクリプトファイルが同じパスに配置されているか、出力ソースに記述されていないことを確認するだけでなく、

于 2012-05-04T09:38:02.537 に答える