jquery拖曳外掛程式(jquery.drag)使用介紹_jquery

複製程式碼程式碼如下：

腳本>

body {
字體系列：Arial、Helvetica、sans-serif;
字體大小：16px ;
頂邊距：10px;
}
ul {
邊距：0;
}
#contentWrap {
寬度：700px;
保證金：0自動；
高度：自動；
溢出：隱藏；
}
#contentTop {
寬度：600px;
內邊距：10px;
左邊距：30pxx；
}
#contentLeft {
浮動：左；
寬度：400px;
}
#contentLeft li {
列表樣式：無；
邊距：000 0 4px 0；
內邊距：10px；
背景顏色：#00CCCC；
邊框：#CCCCCC 實心1px；
顏色：#fff;
}

#contentRight {
浮動：右；
寬度：260px；
內邊距：10px;
背景顏色：#336600;
顏色：#FFFFFF；
}
}
樣式>

$(document).ready(function(){

$(function() {
$("# contentLeft ul").sortable({ 不透明度: 0.5, 遊標: '移動' , update: function() {
var id=""
$("ul.ui-sortable li").each( function(){
id =$(this).attr("; id") "
";
})
$("#contentRight").html(id);
}
});
});
});
腳本>
頭>

• 3。傳回的數組可以在右側找到。
  
• 2.拖曳可更改項目的不透明度


• 1。一旦刪除，Ajax 查詢就會被啟動


• 4。這非常非常容易


• 5。這非常非常容易


• 6。這非常非常容易


• 7。這非常非常容易

示範位址