jQuery UI：如何在排序或拖動時將元素轉換爲圓形

我想知道，我可以在將元素排序或拖動（包括其子元素）時將元素轉換爲圓形。我已經嘗試過但其不完整。jQuery UI：如何在排序或拖動時將元素轉換爲圓形

$('#editorDesignView').sortable({ 
     cursor: 'move', 
    start: function(event, ui) { 
     $(ui.item).addClass("sortable-change"); 
    }, 
    stop: function(event, ui) { 
     $(ui.item).removeClass("sortable-change"); 
    } 
});

更新時間：

$('#editorDesignView').sortable({ 
     // opacity: 0.6, 
     handle: ".draggable-area", 
     cursor: 'move', 
     start: function(event, ui) { 
      $(ui.item).addClass("on-sortable-change"); 
     }, 
     stop: function(event, ui) { 
      $(ui.item).removeClass("on-sortable-change"); 
     } 
    });

My jsfiddle link

來源

2017-05-18 user7791702

請你讓我知道什麼是不完整的在這裏？ – vijayP

@vijayP請檢查codepen鏈接嘗試拖放ñ下拉元素和排序元素半徑將改變，但因爲我想這樣做沒有發生 – user7791702

抱歉，但仍然不清楚有關確切的輸出。你是否面臨圓半徑問題？如果是這樣，那麼你可以檢查http://codepen.io/anon/pen/QvVRgz – vijayP

而是通過應用CSS轉換元素的存在是爲了實現自己的目標的標準方式。它如下：

$('#editorDesignView').sortable({ 
    cursor: 'move', 
    helper: function(){ 
     return $("<div class='sortable-change'></div>"); 
    }, 
    cursorAt: { left: -60, top: 20 } 
});

我們可以用helper選項和cursorAt選擇，而初始化sortable

更新codepen可以在這裏看到：http://codepen.io/anon/pen/QvVRgz

來源

2017-05-18 12:26:42 vijayP

我想問一件事我該如何設置位置（意思是說，如果我從它的末端拖動元素，問題是圓圈離光標很遠） – user7791702

我有一個問題我已經做了一個排序元素的處理程序，因爲它超越了contenteditable元素，所以我可以聲明多個處理程序在這裏是該鏈接https://jsfiddle.net/MyTests/pL4Lv6r9/ 72/ – user7791702

可以請你發佈你的代碼。我無法看到您的代碼，因此目前無法評論任何內容。 – vijayP

jQuery UI：如何在排序或拖動時將元素轉換爲圓形

回答

相關問題