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（“opacity”，“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上运行。

使图像可拖动

1 个答案: