jQuery切换（“盲”）wierd行为_Jquery_Jquery Ui_Toggle_Margin

jQuery切换（“盲”）wierd行为

jquery jquery-ui

jQuery切换（“盲”）wierd行为,jquery,jquery-ui,toggle,margin,Jquery,Jquery Ui,Toggle,Margin,我试着在我的屏幕上做一个水平居中的滑动区，边距为：auto；正如你所看到的。我使用jQueryUI切换“盲”函数来实现这一点确保结果区域足够大，使带有复选框的零件居中，然后按下按钮2。如果您使用的是Firefox，您应该看到框在滑动时移动到结果区域的左侧。如果您使用的是Chrome。。。嗯，我不知道会有什么结果，因为我无法在此浏览器上测试此代码。如果使用IE，则应该看到框位于结果区域的中间。我的HTML结构相当简单，如下所示： <body> <div id="

我试着在我的屏幕上做一个水平居中的滑动区，边距为：auto；正如你所看到的。我使用jQueryUI切换“盲”函数来实现这一点

确保结果区域足够大，使带有复选框的零件居中，然后按下按钮2。如果您使用的是Firefox，您应该看到框在滑动时移动到结果区域的左侧。如果您使用的是Chrome。。。嗯，我不知道会有什么结果，因为我无法在此浏览器上测试此代码。如果使用IE，则应该看到框位于结果区域的中间。

我的HTML结构相当简单，如下所示：

<body>
    <div id="Wrapper"> 
        <div id="Menu">
            <ul id="MenuItems">
                <li><a href="#">Button 1</a></li>
                <li><a href="#" id="Button2">Button 2</a></li>
                <li><a href="#">Button3</a></li>
            </ul> 
        </div>
        <div  id="HideNSeek">
            <form>
                <div class="checkbox">
                    <input id="chk1" type="checkbox" name="check" value="value1">
                    <label for="chk1">Label 1</label>
                    <br>
                    <input id="chk2" type="checkbox" name="check" value="value2">
                    <label for="chk2">Label 2</label>
                </div>
            </form>             
        </div>
    </div>
</body>

我不明白为什么代码在两个浏览器上的行为不一样。这是一个jQuery问题，因为保证金：自动；没有得到很好的支持？

这是Firefox渲染问题吗？

toggle不是jquery ui方法，而是jquery方法。但是如果您想使用toggle'blind'；，你必须用jQueryUI，不是吗？至少，我是这样理解的。这并不能解释为什么我会有这种奇怪的行为。你刚才说我在使用jQuery UI切换函数。我刚刚纠正了。。。非挥发性物质。是的，它不能解释这种行为，这就是为什么它不是回答而是评论。啊，是的，对不起。修正了：

$(document).ready(function(){
  $("#Button2").click(function(){
    $("#HideNSeek").toggle('blind');    
  });
});