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

时间:2020-03-06 14:22:32  来源:igfitidea点击:

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

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

谢谢!

解决方案

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

这是快速反应!

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

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

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

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

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

谢谢!

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

谢谢!

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

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

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

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

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

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

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

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

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