设置为在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

回答

相关问题