带有图像的jquery可拖动li答案

【问题标题】：jquery draggable li with image inside带有图像的jquery可拖动li
【发布时间】：2012-06-09 05:19:27
【问题描述】：

我正在动态创建一些可拖动的元素。一切正常，但现在我想在这些 li 中动态插入图像，并且仍然可以拖放它们。
这是我的工作代码：

    for( i = 1; i <= Num; i++) {
           $("#sortable").append("<li class='ui-state-default' id=" + i + ">" + "No" + i + "</li>");
         }

我该怎么做？
也许有一些内联 css 和背景图像样式？

【问题讨论】：

【解决方案1】：

是的，您可以动态地将具有背景图像的类分配给 li。但是你必须知道图像的大小。

但是为什么不简单地添加一张图片呢？

$('li#idOfYourLi').html('<img src="pathToYourImg" />')

【讨论】：

感谢您的回复。我提到的背景图像只是一个想法……也许放一张图像会更好。图像大小是固定的，并且与 li 元素的大小相同。您的代码可以按我的意愿工作，唯一的问题是我想在 for 循环中执行此操作。我可以做这样的事情吗？ $('li# + i + ').html('')
与创建 lis 的循环相同吗？然后只需将其添加到 html 中。否则使用$('#sortable li').each(function(){$(this).append('<img />');}); BTW id 属性必须以字母开头