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

我有一個帶有主站點和內容站點的ASP.NET應用程序。在其中一個內容網站中，我有一個Div with Controls，我想嘗試使用jQuery進行拖動，但是我不知道如何通過asp中的控件ID在ASP.NET中實現這一點。如何使我的Div可以在ASP.NET中使用jQuery拖動

這裏是我的代碼：

主站點：

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

來源

2012-11-22 Tarasov

當你放入$（「＃btnAnlegen」）時，會發生什麼。draggable（）;？ – lifetimes

更新了我的代碼.. –

您是否嘗試過：$（'。gastzugang'）。draggable（）; –

只需使用jQuery UI可拖動。

讓

ClientIDMode="static" in the asp.net Tag

或使用

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

來源

2012-11-22 09:19:54

你可以看看hammer.js其中涵蓋了 '拖拽' 式的事件：

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

的阻力例如：

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

現在我不太瞭解ASP.NET，但是我會嘗試將拖動行爲應用於任何帶有.draggable類的東西。

希望有所幫助！

來源

2012-11-22 09:24:48 backdesk

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

回答

相關問題