Question

这是我的aspx页面的一部分：

<span id="drag">This can be dragged </span>
<input id="save" type="button" value="Save" />
<div id="dialog">
</div>

<script src="Scripts/jquery.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui-1.9.0.custom.js" type="text/javascript"></script>
<script src="Scripts/ui.js" type="text/javascript"></script>

这是我的ui.js文件：

$('#save').click(function ()
{
  $('#dialog').dialog();
});

$(document).ready(function ()
{
  $('#drag').draggable();
});

我在主页中链接了css文件：

    <link rel="stylesheet" href="CSS\ui-lightness\jquery-ui-1.8.24.custom.css">

如果我在一个简单的html文件中尝试这个，我可以使用可拖动和对话功能，但是当我在我的aspx页面中尝试它时，这两个函数都不起作用。是否有一个特殊的ASP.NET考虑因素？

Answer 1

你可能加载了2次jquery库。

删除此资源：

Answer 2

呈现的HTML是什么样的？也许你的控件的 ID 有问题 Here是一篇关于clientId模式的文章

ClientIDMode可以采用以下四个可能的值

AutoID - ASP.NET会像在v3.5及更早版本中一样生成ID 版本。
静态 - ASP.NET使用完全相同的ID 服务器控件的客户端ID。
可预测 - ASP.NET尝试通过查看结构可以生成可猜测的ID 页。
继承 - ASP.NET为页面生成客户端ID或使用与其父级相同的ClientIDMode进行控制。即客户ID 从父控件继承。

可以直接在控件中，页面或 webConfig 文件中设置此文件。

Answer 3

是否正在下载所有文件？你用fiddler，firebug或开发者工具检查过这个吗？

Answer 4

如果您在浏览器的控制台中没有收到任何错误，那么您应该使用“jQuery”而不是“$”符号

JQueryUI绝对不能使用我的aspx页面

4 个答案: