将JQuery与ASP.NET MVC框架一起使用

将JQuery与ASP.NET MVC框架一起使用

Using JQuery with ASP.NET MVC Framework

我已经在论坛和Google上搜索了此主题。大多数文章都在谈论使用JSON来调用服务器上的控制器/操作并对结果执行ajax效果。

我正在尝试使用一些非常基本的JQuery功能,例如对话框窗口的JQuery UI / Tab和JQuery UI / Block。我无法在MVC项目中使用这些简单的示例。有什么想法我应该如何修改这些样本?我现在只需要这些基本功能,就可以从这里开始。

谢谢!


实际上我刚刚开始工作。问题是我需要将路径修改为视图页面的绝对路径,因为相对路径不适用于MVC路由{controller} / {action} / {id}。

谢谢!


有关信息,请参考相对路径问题-我在这里进行了讨论(相同的概念适用于任何页面,而不仅仅是母版页)。我使用的方法是这样的:

1:声明用于添加脚本的扩展方法:

1
2
3
4
5
    public static string Script(this HtmlHelper html, string path)
    {
        var filePath = VirtualPathUtility.ToAbsolute(path);
        return"<script type="text/javascript" src="" + filePath +"">";
    }

2:必要时(例如在<head>...</head>中)使用此方法:

1
    <%=Html.Script("~/Scripts/jquery-1.2.6.js")%>

这样做的好处是,即使Web应用程序托管在虚拟目录中(即您不必使用" / Scripts",因为您不一定位于站点根目录),它也可以运行-但它是一个与带有src的完整脚本相比,更清晰(也更不混乱),即

1
    <script ... src="<%=Url.Foo(...)%>">

我只是对如何做到这一点进行了演练:

http://blogs.msdn.com/joecar/archive/2009/01/08/autocomplete-with-asp-net-mvc-and-jquery.aspx


这是快速反应!!

我正在尝试在此页面上运行此"简单选项卡":
http://stilbuero.de/jquery/tabs/

我认为与此相同:http://docs.jquery.com/UI/Tabs

我只是将整个内容复制并粘贴到了MVC视图页面中,并带有指向jquery.js和.css文件的正确路径,但是选项卡中的内容都一起显示了(应该隐藏其中两个) 。我的理解是,这个简单的jquery插件仅显示和隐藏内容。

我在使用jquery Thickbox插件时遇到了完全相同的问题,标记为"隐藏"(对话框)的项目将始终显示在我的MVC视图页面中。

我可以理解一些MVC Jquery json文章,但是我不明白为什么隐藏/显示不起作用。

谢谢!


我刚刚在asp.net项目之一中实现了jQuery自动完成文本框。我只需要导入js文件并将一些代码放到我的aspx页面中。您能否更详细地了解要运行的样本?


推荐阅读

    远程调用linux命令?

    远程调用linux命令?,密码,系统,网络,服务,软件,名称,地址,命令,暂停,信息,...

    linux压缩搜索命令?

    linux压缩搜索命令?,系统,文件,工具,平台,电脑,命令,网络,管理,信息,时间,lin

    linux搜索数字命令?

    linux搜索数字命令?,工作,系统,数字,命令,信息,地址,数据,标准,管理,工具,Lin

    linux调用函数的命令?

    linux调用函数的命令?,系统,代码,策略,上调,时间,设计,通信,网络,设备,项目,

    linux命令搜索命令行?

    linux命令搜索命令行?,工作,系统,地址,信息,命令,目录,基础,工具,管理,功能,l

    linux命令搜索进程?

    linux命令搜索进程?,系统,状态,软件,情况,进程,命令,代码,信息,数据,实时,如

    linux外部命令调用?

    linux外部命令调用?,系统,软件,标准,命令,盘中,管理,外部,进程,程序,内存,lin

    linux怎么调用命令行?

    linux怎么调用命令行?,系统,地址,工具,工作,首页,终端,命令,密码,信息,情况,l

    浏览器调用linux命令?

    浏览器调用linux命令?,系统,信息,人工智能,软件,数据,首次,地址,代码,咨询,

    py调用linux的命令?

    py调用linux的命令?,系统,代码,状态,环境,标准,工具,命令,文件,脚本,终端,lin

    浏览器调用linux命令?

    浏览器调用linux命令?,系统,信息,人工智能,软件,数据,首次,地址,代码,咨询,

    py调用linux的命令?

    py调用linux的命令?,系统,代码,状态,环境,标准,工具,命令,文件,脚本,终端,lin

    清空linux命令搜索?

    清空linux命令搜索?,软件,系统,情况,命令,增长,工具,号码,密码,名称,位置,如

    linux系统命令调用?

    linux系统命令调用?,系统,单位,工具,工作,管理,地址,权威,密码,电脑,信息,怎

    linux调用上一条命令?

    linux调用上一条命令?,系统,命令,一致,数字,名称,网上,电脑,目录,空格,终端,l

    linux命令行调用程序?

    linux命令行调用程序?,工具,环境,代码,初级,工程,系统,网上,服务,管理,发行,l

    脚本调用linux命令?

    脚本调用linux命令?,代码,系统,工作,底部,脚本,位置,环境,行用,官网,标准,typ

    调用函数命令linux?

    调用函数命令linux?,系统,管理,网络,通用,统一,观察,地址,代码,设备,地方,怎

    linux命令搜索大全?

    linux命令搜索大全?,地址,工作,系统,命令,管理,目录,标准,基础,工具,网络,lin

    linux搜索过去命令?

    linux搜索过去命令?,系统,信息,命令,名称,工作,预期,数字,地址,标准,服务,Lin