Javascript Jquery UI对话框中的复选框不存在'；它不会出现在Firefox22.0和Opera中，但会出现在Firefox20.0中

我在使用一些HTML复选框时遇到问题

问题是： 我在对话框中弹出的复选框在某些版本的Firefox和Opera中没有出现。 我实际上在使用Fedora和Firefox 20.0 在Safari上，三个复选框不会出现。只显示标签。 在Firefox 22.0上的另一台计算机上也是如此

有人知道解决办法吗？或者我能找到一些关于这个问题的信息？ 我找了很多，没有找到任何解决办法

以下是我的HTML代码：

<div id="addFormular" title="Create a conference" class="hidden">
    <form id="postform" action="." method="post">
    <div id="checkOption">
        <div class="optionDiv">
            <input class="addBox" type="checkbox" id="checkHD" /><label class="addOption" for="checkHD"><?php echo Lang::getFromKey("HD"); ?></label>
        </div>

        <div class="optionDiv">
            <input class="addBox" type="checkbox" id="checkRecord" /><label class="addOption" for="checkRecord"><?php echo Lang::getFromKey("Record"); ?></label>
        </div>

        <div class="optionDiv">
            <input class="addBox" type="checkbox" id="checkTeacup" /><label class="addOption" for="checkTeacup"><?php echo Lang::getFromKey("Add a tea cup"); ?></label>
        </div>
    </div>
    </form>
</div>

以及所需的CSS：

.postForm {
width: 100%;
display: block;
} 

.addOption{
vertical-align: top;
}

.addBox{
margin-top: 1.5px;
}

.optionDiv{
margin-top: 5px
}

谢谢

编辑：

---

这个仅使用我的HTML的演示在我的Firefox 20.0上显示复选框，但在opera和Firefox 22.0上没有显示复选框。。。我真的搞不懂。

位置有问题

我登记入住

jquery

var popUpConf = $('#addFormular').dialog({

    resizable: false,
    draggable: false,

    dialogClass: 'no-close',
    modal: true,
   position:  { my: "left top", at: "right bottom", of: window },
    width: 'auto',

    closeOnEscape: false,
    open: function(event, ui) { $(".ui-dialog-titlebar-close", ui.dialog || ui).hide(); },
    buttons: [

    {   
        text: "Annuler",
        click: function() {

            $(this).dialog("close");
        }
    },

    {
        text: "Valider",
        click: function() {
            $(this).dialog("close");
        }
    }]
});

---

添加jquery ui和jquery库。

我刚刚用最新的Chrome测试了你的小提琴-同样的情况发生了，不过，我能够注意到消失的滞后

正在检查类“addBox”，该类似乎被AdBlock插件阻止。我的Chrome，AddBlockPlus也抓到并隐藏了它

---

将类更改为其他类也可以解决此问题。

我在Windows操作系统下的Opera和FF（最新版本）中都看到了您的小提琴中的复选框。问题是关于jQueryUI对话框，但fiddle是原始html代码段。你没看到里面的复选框吗？那恐怕这是你电脑的本地问题。@Tommi：如果我更改类名

class=“addBox”

（但我不包括CSS），我（Firefox 22/Ubuntu）不会例外！所以是的，很奇怪的虫子。谢谢你试图帮助我。。。我们发现的唯一一件事是，如果您将“addBox”（例如通过“addBox”）类更改为任何其他名称，它最终会在其他浏览器上工作。（我在第二台计算机上尝试了Opera，在第三台计算机上尝试了firefox 22.0。而在fiddle上只使用HTML是不起作用的。）确切地说，

class=“addBox”

似乎出了问题——与Adblock Plus结合使用。一旦我更改了类名，或者禁用了Adblock，它们就会出现。Firefox的位置问题是的，这就是问题所在，thx对你们所有人来说，我找到了原因！如果您不希望一个div被AddBlock插件捕获，那么“addBox”就不应该是user。现在我知道了：<！定位不是问题，只是我试图复制和粘贴代码时出现的错误。我忘了将其更改为“窗口”，但它与我的“createConfButton”一起工作。。。当“#createConfButton”存在时！

var popUpConf = $('#addFormular').dialog({

    resizable: false,
    draggable: false,

    dialogClass: 'no-close',
    modal: true,
   position:  { my: "left top", at: "right bottom", of: window },
    width: 'auto',

    closeOnEscape: false,
    open: function(event, ui) { $(".ui-dialog-titlebar-close", ui.dialog || ui).hide(); },
    buttons: [

    {   
        text: "Annuler",
        click: function() {

            $(this).dialog("close");
        }
    },

    {
        text: "Valider",
        click: function() {
            $(this).dialog("close");
        }
    }]
});