0

jquery UI を使用して HTML 経由で画像を追加すると、ドラッグ可能にするのに問題はありません。

$('#div1 img').draggable({
            containment: '#div1',
});

<div id='div1' class="div1" runat="server" >
     <asp:Image ImageUrl='Images/img1.gif' ID='img1' runat='server'  Height='30px' Width='30px' />
</div>

しかし、page_load のコード ビハインドから画像を追加する場合、どうすればドラッグ可能にできるでしょうか?

div1.Controls.Add(new HtmlImage()
                {
                    ID = "img2",
                    Src = "Images/img2.gif",
                    Width = 30,
                    Height = 30
                });

申し訳ありませんが、私はそれを解決しました: 結局、これが原因でした. $(this).css("opacity", "1.0"); にこれがありました。

$('#div1 img').draggable({
        containment: '#div1',
        $(this).css("opacity", "1.0");
});

不透明線を削除し、ドラッグ可能を解決しました。ごめんなさいみんな

4

1 に答える 1

1

jQuery のon()イベント ハンドラーを使用します。

$( "#div1" ).on( "click", "img", function( event ){
  $( this ).draggable();
});

on簡単に言えば、動的に読み込まれた画像の既存の親要素にアタッチします。次にイベントがあります (クリックを使用する場合は、最初にクリックしてからもう一度クリックしてドラッグする必要があるため、別のイベントを試してください)、ドラッグ可能なコードを含む関数が現在存在するすべての img で実行されます。

于 2013-01-27T22:38:10.200 に答える