jquery排序在按鈕

我有一堆按鈕，我想讓排序（例如，我可以重新排列他們的意志）。這是一個示例html代碼。這些按鈕是動態添加的，因此需要在添加和刪除按鈕之後進行排序。我試過使用JQuery sortable但沒有運氣。有關如何做的建議？jquery排序在按鈕

<div id="fav" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" aria-labelledby="ui-accordion-accordion-header-0" role="tabpanel" aria-expanded="false" aria-hidden="true" style="display: none;"> 
     <div id="MSFT" symbol="MSFT" exchange="NASDAQ" class="stockButton"> 
      MSFT 
      <span symbol="MSFT" exchange="NASDAQ" class="remove-button"> 
       x 
      </span> 
     </div> 

     <div id="GOOG" symbol="GOOG" exchange="NASDAQ" class="stockButton"> 
      GOOG 
      <span symbol="GOOG" exchange="NASDAQ" class="remove-button"> 
       x 
      </span> 
     </div> 

     <div id="YHOO" symbol="YHOO" exchange="NASDAQ" class="stockButton"> 
      YHOO 
      <span symbol="YHOO" exchange="NASDAQ" class="remove-button"> 
       x 
      </span> 
     </div>

來源

2014-02-24 user1357015

帖子你嘗試過什麼至今。 –

添加相應的庫後嘗試：

$(function() { 
$("#fav").sortable(); 

$("#fav").append('<span symbol="NEW" exchange="ECH" class="remove-button">x</span>'); 

});

看到這個http://jsfiddle.net/x4sny/

來源

2014-02-24 23:18:55

真棒工作！你能告訴我.append的用途嗎？ – user1357015

我使用.append向您展示您可以動態添加額外的元素，並且它們會自動排序。 – 2014-02-25 02:59:30

啊，我明白了。知道了謝謝！ – user1357015

jquery排序在按鈕

回答

相關問題