設置爲在MVC3/Razor應用程序中使用jQuery

我「米用一個簡單的MVC 3 .NET應用程序的工作，並試圖弄清楚爲什麼我不能讓jQuery的工作

開發環境：Visual Studio 2010中，MVC3剃刀

我放在下面在_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腳本（串SCRIPTNAME）{ }

GHRIInventory.js是外部。js我的代碼文件，並將它位於我的腳本目錄：

/// <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）創建，在腳本文件夾 3）HTML元素添加到視圖

這裏是源看起來當我運行的應用程序如代碼和地方習俗的.js：

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>

任何疑難解答建議將受到大大歡迎...謝謝...

來源

2012-05-01 TerryB

您使用哪個瀏覽器？我會調出開發人員工具欄/螢火蟲，並嘗試單步執行javascript /查看是否有任何錯誤阻止腳本運行。 – magritte

它看起來像你的選擇是錯誤的;你選擇的所有對象的類'按鈕' - 我認爲你需要類似$（'輸入[類型=「按鈕」]）或$（'＃button_click'）按ID選擇

來源

2012-05-01 16:22:59 Dave

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-04 09:38:02 Tanveer

@ Tanveer ...謝謝！做到了！我發現jQuery的語法有點粘。但工作..再次感謝..T – TerryB

這是jQuery的語法，如果你需要furthur援助，然後plz做通知我:) – Tanveer

設置爲在MVC3/Razor應用程序中使用jQuery

回答

相關問題