我使用的是演示网站上的相同代码,但无论出于何种原因,我都无法让它工作。
这是我的母版页上的代码:
<link href="JQueryCSS/themes/smoothness/jquery-ui-1.10.3.custom.min.css" rel="stylesheet"
type="text/css" />
<script src="JQueryUI/jquery-1.9.1.js" type="text/javascript"></script>
<script src="JQueryUI/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<link href="JQueryCSS/demos.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
$("#draggable").draggable();
});
</script>
<style type="text/css">
#draggable
{
width: 150px;
height: 150px;
padding: 0.5em;
}
</style>
这是我在另一页上的内容
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
CodeBehind="ManageDragandDrop.aspx.cs" Inherits="ManageDragandDrop" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<div id="draggable" class="ui-widget-content">
<p>
Drag me around</p>
</div>
</asp:Content>
固定的
修复它,自定义 jquery 与我的 Telerik jquery 冲突。只需将这两行代码添加到 radscriptmanager 中,问题就解决了。
<telerik:RadScriptManager ID="MasterScriptManager" runat="server" EnableEmbeddedjQuery="false">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js">
</asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js">
</asp:ScriptReference>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js">
</asp:ScriptReference>
<asp:ScriptReference Path="~/JQueryUI/jquery-1.9.1.js" />
<asp:ScriptReference Path="~/JQueryUI/jquery-ui-1.10.3.custom.min.js" />
</Scripts>