Question

我有一个带有主站点和内容站点的ASP.NET应用程序。在这个内容网站之一，我有一个带控件的Div，我想尝试使用jQuery进行拖动，但由于asp中的Control Id，我不知道如何在ASP.NET中使用它。

这是我的代码：

主站点：

...
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <link href="Styles/jquery-ui.css" rel="stylesheet" type="text/css" />
    <script src="Script/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="Script/jquery-ui.js" type="text/javascript"></script>

    <script>

        $(function () {
            $("#create_box").draggable();
        });

       </script>

</head>
<body>
    <form id="mainform" runat="server">
    <div class="gastzugang">
        <asp:ContentPlaceHolder ID="lw_header" runat="server">
            <!--Header-->
        </asp:ContentPlaceHolder>
         <asp:ContentPlaceHolder ID="lw_content" runat="server">
             <!--Content--> 
        </asp:ContentPlaceHolder>
         <asp:ContentPlaceHolder ID="lw_footer" runat="server">
            <!--Footer-->
        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

我的内容网站：

<%@ Page Title="" Language="C#" MasterPageFile="~/master.Master" AutoEventWireup="true" CodeBehind="CreateUser.aspx.cs" Inherits="lw_gastzugang.CreateUser" %>

<asp:Content ID="Content2" ContentPlaceHolderID="lw_content" runat="server">
    <div class="createuser">

        <div class="create_box">
            <div class="newUser">

        Benutzer Anlegen <br/>
        <br/>

//Here are my Controls

        <br/>
        <asp:Button ID="btnAnlegen" runat="server" Text="Benutzer anlegen" 
                    onclick="btnAnlegen_Click" />

             </div>
        </div>

    </div>


</asp:Content>

我想这样：

http://jqueryui.com/droppable/

Answer 1

只需使用 jQuery UI draggable 。

请

ClientIDMode="static" in the asp.net Tag

或使用

<script type="text/javascript">
    $('#'+'<%=lw_content.ClientID%>').draggable();
</script>

Answer 2

你可以看一下涵盖'拖'风格事件的hammer.js：

https://github.com/EightMedia/hammer.js

其中的拖动示例位于：

http://eightmedia.github.com/hammer.js/drag/

现在我对ASP.NET知之甚少，但我会尝试将拖动行为应用于任何带有.draggable类的东西。

希望有所帮助！

如何在ASP.NET中使用jQuery使我的Div可拖动

2 个答案: