jquery - 将 jquery 功能添加到 html 文件中的标记

Question

我正在使用 Jquery n css 进行 html5 应用程序开发。我正在创建一个 div 标签下的图像，如下所示

<div id="FrontRight">
<img id="imgFrontRight" src="../images/car.jpg">
</div>

现在我希望这张图片 -imgFrontRight 可以使用以下属性进行拖动

$( "#imgFrontLeft" ). draggable
({ 
    axis: "y" ,
    containment:[0,152,0,290] });

当图像在我的 jquery javascript 文件中动态创建时，我已经实现了这一点。但是，当使用 img 标签在 html 文件中创建图像时，我希望发生同样的事情。

请帮助解决这个问题。感谢你 ！！

Answer 1

如果您正在动态创建元素，那么在将动态元素添加到之后，dom您需要通过调用它来使其可拖动jQeury.draggable。

$('<img src="" />').appendTo(x).draggable({....});

演示：小提琴