デモ Web サイトと同じコードを使用していますが、何らかの理由で動作させることができません。
私のマスターページのコードは次のとおりです。
<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 と競合していました。これらの 2 行のコードを 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>