0

我使用的是演示网站上的相同代码,但无论出于何种原因,我都无法让它工作。

这是我的母版页上的代码:

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

0 回答 0