1

マスター サイトとコンテンツ サイトを持つ ASP.NET アプリケーションがあります。このコンテンツ サイトの 1 つに、コントロールを含む 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

ドラッグ可能なjQueryUIを使用するだけです。

作る

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 に答える