2012-06-05 97 views
-2

我在動態創建一些li可拖動元素。一切正常,但現在我想動態地插入一個圖像在裏面,並能夠仍然拖放它們。
這是我的工作代碼:jquery可拖曳li內部圖像

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

我怎樣才能做到這一點?
也許有一些內聯的CSS和背景圖像樣式?

回答

1

是的,你可以動態地給背景圖像分配一個類給李。但是,你必須知道圖像的大小。

但爲什麼不簡單地添加圖片?

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

thanx的回覆。我提到的背景圖像只是一個想法..也許只是放置圖像更好。圖像大小是固定的,與li元素大小相同。你的代碼工作正如我想要的唯一的問題是,我想在for循環內執行它。我可以做這樣的事嗎? $('li#+ i +').html('') –

+0

與創建lis的循環相同的循環?然後只需將其添加到HTML。 否則使用'$('#sortable li')。each(function – Thomas