0
すべてがご利用いただけます。私は次のように置かれのVisual Studio 2010、MVC3カミソリMVC3/RazorアプリケーションでjQueryを使用するように設定する
：
I "メートルシンプルなMVC 3 .NETアプリケーションでの作業と私はjQueryの仕事を得ることができない理由を把握しようと
開発環境。 _layout.cshtmlのセクションで：
スクリプト@helper（文字列scriptNameを）{：
<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はカスタムヘルパーです }
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が正しくセットアップされていることを証明するために使用するのは、複雑なスクリプトではありません。 どうしたらいいですか？私がボタンをクリックすると、ボタンのテキストが「My button」から「please wait ..」に変わります。アプリを実行するとボタンが表示されますが、クリックすると何も起こりません。
私は必要なすべての要素を持っていますが、それはまだ働いている感じ： 1）） 2を_layout.cshtmlそれはすべて私の意見に利用できるように_layout.cshtmlために私のカスタムの.jsを追加するためのjQueryを追加します。 3）は、コードを作成し、スクリプトフォルダ 3でカスタムの.jsを置く）ビュー
に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>
トラブルシューティングの提案は大歓迎です...ありがとう...
どのブラウザを使用していますか？私は、開発者のツールバー/ firebugを起動し、javascriptの実行/スクリプトの実行を妨げるエラーがあるかどうかを確認します。 – magritte