我想製作一個類似於datepicker的時間選擇器,符合當前的UI主題。我可以複製或以某種方式繼承從datepicker到我的時間選擇器的CSS屬性?我不想複製課程的行爲,只是CSS的道具。使用JQuery將CSS從一個類複製到另一個類?
(我見過其他timepickers在那裏,但我不與任何人真的很高興......)
我想製作一個類似於datepicker的時間選擇器,符合當前的UI主題。我可以複製或以某種方式繼承從datepicker到我的時間選擇器的CSS屬性?我不想複製課程的行爲,只是CSS的道具。使用JQuery將CSS從一個類複製到另一個類?
(我見過其他timepickers在那裏,但我不與任何人真的很高興......)
這是很難做到的CSS和HTML標記(和JavaScript代碼)都非常緊密耦合在一起。此外,CSS需要一些圖像(通常是一個包含數十個圖像的大圖像--css會選擇顯示大圖像的哪一部分)。
爲了繼承css,您還需要繼承類名並在datepicker中使用相同的名稱。 datepicker對核心jquery.ui.css也有依賴關係,而不僅僅是datepicker.css。所以,你還需要考慮到這一點。
您可以使用jQuery讀取所有所需的值,將其設定爲在路上變量:
$(this).css({'background-color' : color+'px', 'padding' : padding+'px'});
:通過
var color = $(this).css("background-color");
var padding = $(this).css("padding");
等等...
後輸出
這是否有道理,它不是真的複製樣式表,但它正在讀取的部分將它們附加到另一個元素...
祝你好運。
如果有幾十種不同的風格會怎樣? – 2010-06-02 16:34:58
難道你不能複製你喜歡的CSS並將類重命名爲其他東西? – 2010-06-02 14:30:30
您是否可以重構您的CSS,以便您擁有一些通用的基礎樣式,然後覆蓋它們? CSS被設計爲級聯:這正是用例的原因。 – McPherrinM 2010-06-02 14:31:14
@Josh,好點+ 1rep – 2010-06-02 16:18:54