Chrome + jQuery 隐藏/显示内联答案

【问题标题】：Chrome + jQuery hide/show inlineChrome + jQuery 隐藏/显示内联
【发布时间】：2010-03-27 15:44:47
【问题描述】：

我有这些东西

<ul class="ul_std"  style="float:right">
             <li class="action_buttons" ><a id="button_deleteNormal" class="button_small button_small_red"  >Διαγραφή</a></li>
                <li class="action_buttons"><a id="button_editCancel" class="button_small"  >Ακύρωση Τροποποίησης</a></li>
                <li class="action_buttons"><a id="button_editNormal" class="button_small"  >Τροποποίηση</a></li>
                <li class="action_buttons" style="margin-right:0" ><a id="button_addNormal" class="button_small">Προσθήκη</a></li>
              </ul>

问题是我隐藏了所有这些，除了 id = button_addNormal 的锚在 $(document).ready()... 一切正常，但在 chrome 上，当我想显示它们时，它将它们显示为 display:inline 而不是 display:inline-block ... css 类 button_small 有 display:inline-block....

Firefox，IE 6+ 工作正常...尚未在 safari 上进行测试，但我希望它会正常...

为什么 chrome 会杀死 inline-block？解决方案是放置 .css("display","inline-block") 而不是 .show()

【问题讨论】：

您是否手动设置“display:inline-block”？你介意粘贴你的 jQuery 代码吗？
哪里？我的 jquery 代码是 300 行...实际上我在准备好的文档上做了一个隐藏 $("#button_deleteNormal").hide(); $("#button_editCancel").hide(); $("#button_editNormal").hide();然后当我尝试做 $("#button_deleteNormal").show(); $("#button_editCancel").show(); $("#button_editNormal").show();它内联而不是内联块.....仅在Chrome中

标签： jquery google-chrome show

【解决方案1】：

我用jsp写了一个网上商店系统，上周发现了这个错误。我认为这个问题是一个缓存问题，因为代码在 Users.jsp 中有效，而相同的代码在 Subjects.jsp 中无效。两种代码都适用于 FF、IE、Opera。有时有效，有时无效。使用hide('slow')，同样的解决方案……

【讨论】：

【解决方案2】：

根据您的问题，我无法在 chrome 中重现此内容（至少在最新版本和 5.0.356.2 测试版中）。
See a working demo here on jsFiddle。

当我用$('ul li a:not(#button_addNormal)').hide(); 隐藏除最后一个之外的所有内容并再次显示它们时，它会返回为inline-block。我在 jQuery 1.3.2、1.4.2 和 nightly 中进行了测试，结果相同（也在最新的稳定版 chrome 中测试/工作：4.1.129.1042）。

其他东西在您的页面中破坏了这一点，如果没有其余代码，很难说是什么。

【讨论】：

【解决方案3】：

使用 $("#something").css("display", "block");而不是展示。（或内联块）

【讨论】：