加载Jquery UI复选框，而不首先显示正常的复选框

Question

我正在使用jquery UI复选框来替换标准的html复选框。但是，当您首先进入网站时，您将看到html复选框，然后jquery UI将对它们进行转换。这看起来非常糟糕，我希望进入该网站的人立即看到jquery ui复选框，没有任何flash复选框。

任何人都知道如何解决此问题？

由于 中号

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复选框。下一步是在创建jquery ui复选框后调用$( "#format" ).show(); 。因此，用户只能看到ui复选框，而不会看到html复选框。