如何更改jQuery UI控件的形狀或外觀？

我正在研究一個需要大量可拖動項目的項目，我知道如何使用各種選項創建可拖動和可拖動的項目，但我想要做的是給這些自定義外觀。有沒有辦法做到這一點？我已經搜索谷歌搜索'jquery更改可拖動形狀'和其他變量沒有運氣。如何更改jQuery UI控件的形狀或外觀？

取決於您需要多少定製。如果你只需要一對夫婦的CSS樣式，then：

可拖動的元素得到的一類
ui-draggable
在拖動的元素也得到一類
ui-draggable-dragging

這樣你就可以能在.ui-draggable-dragging上鍵入您的更改以及您必須縮小的其他選擇器。

如果你想要做的東西，需要的不僅僅是一對夫婦的CSS樣式多，那麼你可以使自己的整個可拖動版本與helper option：

允許輔助元素用於拖動顯示。可能的值：'original'，'clone'，Function。如果指定了一個函數，它必須返回一個DOMElement。

因此，像這樣將提供很大的靈活性：

$(...).draggable({ 
    //... 
    helper: function(e) { 
     return $('a bunch of pretty HTML'); 
    } 
});

2011-09-21 05:20:24

你可以用css改變jQuery UI所有樣式的外觀。他們甚至有一個主題生成器，可以很容易地自定義外觀here

2011-09-21 05:01:53

這並沒有真正回答定製的可拖動的輔助形狀的具體問題 – Ben

我記得using this technique在克隆的助手a後面添加一個自定義類。

還沒有嘗試過最近的jQuery UI釋放，但應該仍然有效。

然後你可以將CSS應用到你的自定義類。

如果你真的想瘋了，也可以在啓動事件觸發時在ui.helper元素中添加其他html元素。只需使用標準的jquery append，prepend，whatnot ..

2011-09-21 05:14:29 Ben

回答