代码之家 › 专栏 › 技术社区 › Tx3

将jquery ui链接到asp.net mvc 2项目

jquery-ui asp.net-mvc jquery

Tx3 · 技术社区 · 16 年前

我试图完成的是使用我自己的javascript源代码文件中的jquery ui dialog方法。我在网站上有这样的链接。师父

<script src="/Scripts/jquery-1.4.2.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui.js" type="text/javascript"></script>
<script src="/Scripts/Common.js" type="text/javascript"></script>

common.js是我自己的助手文件。jquery在那里工作得很好,但是当我尝试调用例如:

$(document).ready(function() {
    $("#dialog").dialog();
});

我将得到“Microsoft JScript运行时错误:对象不支持此属性或方法”

你知道为什么会这样吗?jquery工作得很好,但jquery ui不工作。

附加问题:如果我使用jquery-ui.js,是否需要其他文件,如core、dialog等,或者它真的包含了所有内容?

4 回复 | 直到 15 年前

Raj Kaimal 16 年前

能否确认正在加载脚本引用?启动firebug或fiddler,看看是否有404。

我在coderun.com上可以看到以下内容

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQueryUIV172Application</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css"
type="text/css" media="all" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>

<script src="index.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() { 
$("#dialog").dialog(); 
})
</script>
</head>
<body>
<div id="dialog">
Hello
</div>
</body>
</html>

mare 16 年前

您还可以尝试加载对js文件的引用,如下所示:

<script src="<%=Url.Content("~/Scripts/jquery-1.4.2.js")%>" type="text/javascript"></script>

Tx3 16 年前

我发现了问题。我一直在使用“telerik extension for asp.net mvc”,它有一个名为scriptregistrator的函数(这是一个词吗?)我不得不这样使用:

<%= Html.Telerik().ScriptRegistrar().DefaultGroup(group =>
                    group.Add("~/Scripts/jquery-1.4.2.min.js")
                    .Add("~/Scripts/jquery-ui-1.8.1.custom.min.js")
                    .Add("~/Scripts/jquery.validate.js")
                    .Add("~/Scripts/Common.js")
            )
%>

非常感谢所有帮助我解决这个问题的人!

-1

Cosmin 15 年前

似乎你必须通过telerik的“注册”方法注册所有脚本文件,否则页面中的其他脚本将无法工作。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

1 年前

user28928120 · 如何在jquery中选择所有类?

1 年前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

1 年前

Eliable · 使点击计数器和进度条协同工作

1 年前

mlri · 从不同的onclick事件执行相同的javascript函数

1 年前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

1 年前

Jack Maessen · 在处理程序上使用时如何获取输入类型

1 年前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

1 年前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

1 年前