带有图像的jquery可拖动li

Posted 2023-05-08

【中文标题】带有图像的jquery可拖动li

【英文标题】：jquery draggable li with image inside

【发布时间】：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 属性必须以字母开头