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

【问题标题】：Using JQuery with ASP.NET MVC Framework将 JQuery 与 ASP.NET MVC 框架一起使用
【发布时间】：2023-04-11 07:44:01
【问题描述】：

我已经搜索了论坛，并在谷歌上搜索了这个主题。大部分文章都在谈论使用 JSON 调用服务器上的控制器/动作并对结果进行 ajax 效果。

我正在尝试使用一些非常基本的 JQuery 功能，例如 JQuery UI/Tabs 和用于对话窗口的 JQuery UI/Block。我无法让这些简单的示例在我的 MVC 项目中工作。任何想法我应该如何修改这些样本？我现在只需要这些基本功能，我可以从这里开始。

谢谢！

【问题讨论】：

标签： asp.net-mvc

【解决方案1】：

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

谢谢！

【讨论】：

【解决方案2】：

有关信息，请参阅相对路径问题 - 我讨论了这个 here（相同的概念适用于任何页面，而不仅仅是母版页）。我使用的方法是这样的：

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”，因为您不一定位于站点根目录） - 但它是比带有 munged src 的完整脚本更清晰（也更少混乱），即

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

【讨论】：

【解决方案3】：

我刚刚在我的一个 asp.net 项目中实现了 jquery 自动完成文本框。我只需要导入 js 文件并将一些代码放入我的 aspx 页面。您能否更详细地说明您要运行的样本是什么？

【讨论】：

【解决方案4】：

这是快速响应！

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

我觉得和这个一样：http://docs.jquery.com/UI/Tabs

我只是将整个内容复制并粘贴到我的 MVC 视图页面中，并修正了 jquery.js 和 .css 文件的路径，但选项卡中的内容都显示在一起（其中两个应该是隐藏的） .我的理解是这个简单的 jquery 插件只是显示和隐藏内容。

我在使用 jquery thinbox 插件时遇到了完全相同的问题，标记为“隐藏”的项目（对话框）将始终显示在我的 MVC 视图页面中。

我能看懂MVC+Jquery+json的一些文章，但是我不明白为什么隐藏/显示不起作用。

谢谢！

【讨论】：

【解决方案5】：

我刚刚做了一个关于如何做到这一点的演练：

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

【讨论】：