Jquery ui 在不首先显示普通复选框的情况下加载Jquery UI复选框

我使用jQueryUI复选框替换标准html复选框。但是，当您首先进入站点时，您将看到html复选框，然后jQueryUI将转换它们。这看起来真的很糟糕，我希望进入网站的人立即看到jQueryUI复选框，而不闪烁html复选框

有人知道如何解决这个问题吗

谢谢

---

M

对演示进行了轻微更改，如

---

我所做的只是添加style=display:none；现在用户将看不到html复选框。下一步是调用$format.show；在创建jquery ui复选框之后。因此，用户只会看到ui复选框，而不会看到html复选框。

但是没有javascript的人将无法使用formd0h，这是应该考虑的，谢谢@bandi这是真的，但是没有javascript jquery UI也不会工作。@Mikhael当然不会工作，但是使用这种方法，您的页面在所有不可见的表单元素上都不会工作。

$(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>