无法让JQuery Draggable工作

时间:2013-05-23 16:37:49

标签: jquery asp.net jquery-ui jquery-ui-draggable

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

以下是我母版页上的代码:

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

0 个答案:

没有答案