0

デモ 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>
4

0 に答える 0