一千萬個為什麽

搜索

刪除可選項後,使用jQuery刪除空白區域


我有兩個有序列表,用戶可以在它們之間移動項目。我正在使用jQuery的 UI的Selectable。問題是,當我從列表中間移動項目時,它會留下一個空的空間。如何根據列表中實際有多少項目使列表縮小?

HTML

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4
  5. Item 5
<input id="arrowRight" type="image" alt="Move item to right" src="" />
<input id="arrowLeft" type="image" alt="Move item to left" src="" />

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4
  5. Item 5

jQuery的

$().ready(function() {
    $("#allUnits").selectable();
    $("#productUnits").selectable();

    $('#arrowRight').click(function() {
        return !$('#allUnits .ui-selected').remove().appendTo('#productUnits').removeClass(".ui-selected");
    });
    $('#arrowLeft').click(function() {
        return !$('#productUnits .ui-selected').remove().appendTo('#allUnits').removeClass(".ui-selected");
    });
});  

最佳答案

好吧,它現在似乎有效。也許它是某種CSS或空間問題,但它突然有效!讓我們忘記這個問題......

轉載註明原文: 刪除可選項後,使用jQuery刪除空白區域

猜你喜歡