Question

我试图在屏幕上水平居中的滑动区域：margin：auto;你可以看到这个Fiddle。我使用jQuery-UI切换（＆＃39; blind＆＃39;）功能来执行此操作。

请务必使结果区域足够大，以使带有复选框的部分居中并按按钮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>

JS就像这样简单：

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

我无法理解为什么代码在两个浏览器上的行为都不一样。
这是一个jQuery问题，因为边距：auto;没有得到很好的支持？
它是Firefox渲染问题吗？

jQuery切换（＆＃39;盲目＃39;）奇怪的行为

0 个答案: