将 jquery 功能添加到 html 文件中的 <img> 标记答案

【问题标题】：adding jquery features to <img> tag in html file将 jquery 功能添加到 html 文件中的 <img> 标记
【发布时间】：2013-02-08 15:23:08
【问题描述】：

我正在使用 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 文件中创建图像时，我希望同样的事情发生。

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

【问题讨论】：

如何使用img标签在html文件中创建图片？
将添加一个图像，然后我们添加属性，如问题中所述。现在我正在尝试在标签中添加可拖动功能，例如这可能是错误的。你能告诉我正确的语法吗？或任何其他替代方式来实现这一目标

【解决方案1】：

如果您是动态创建元素，则在将动态元素添加到dom 后，您需要为其调用jQeury.draggable 使其可拖动。

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

演示：Fiddle

【讨论】：