加載Jquery UI複選框，而不顯示正常的複選框第一

Question

我正在使用jQuery UI複選框來代替標準的html複選框。但是，當您首先進入網站時，您會看到html複選框，然後jquery UI將轉換它們。這看起來非常糟糕，我希望進入網站的人立即看到jquery ui複選框，而不用任何html複選框。

任何人都知道如何解決這個問題？

感謝 中號

Answer 1

有輕微的變化所顯示的演示在http://jqueryui.com/demos/button/#checkbox

$(function() { 
    $("#format").buttonset(); 
    $("#format").show(); 
}); 

<div id="format" style="display:none;"> 
    <input type="checkbox" id="check1" /><label for="check1">B</label> 
    <input type="checkbox" id="check2" /><label for="check2">I</label> 
    <input type="checkbox" id="check3" /><label for="check3">U</label> 
</div> 

我所做的只是添加style="display:none;"到div。所以現在用戶不會看到html複選框。下一步是在之後調用$("#format").show();已經創建了jquery ui複選框。所以用戶只會看到ui複選框，而不會看到html複選框。