1

我有一个带有主站点和内容站点的 ASP.NET 应用程序。在其中一个内容站点中，我有一个带控件的 Div，我想尝试使用 jQuery 使其可拖动，但由于 asp 中的控件 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/

4

2 回答 2

3

只需使用jQuery UI draggable。

制作

ClientIDMode="static" in the asp.net Tag

或使用

<script type="text/javascript">
    $('#'+'<%=lw_content.ClientID%>').draggable();
</script>
于 2012-11-22T09:19:54.197 回答
0

你可以看一下hammer.js，它涵盖了一个“拖动”风格的事件：

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

拖动示例位于：

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

现在我对 ASP.NET 不太了解，但我会尝试将拖动行为应用于任何具有 .draggable 类的东西。

希望能有所帮助！

于 2012-11-22T09:24:48.143 回答