使图像可拖动

Question

如果我使用 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("不透明度", "1.0");

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

移除了不透明线，解决了我的可拖动问题。对不起各位

Answer 1

使用 jQuery 的 on() 事件处理程序。

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

简而言之，将on 附加到动态加载图像的现有父元素。接下来有一个事件（如果您使用单击，则必须先单击，然后再次单击以拖动，因此您可能想尝试不同的事件）导致带有可拖动代码的函数在现在存在的任何 img 上运行。