2

我有这些东西

<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 at $(document).ready()...如 display:inline-block ... CSS 类 button_small 有 display:inline-block ....

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

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

4

3 回答 3

1

根据您的问题，我无法在 chrome 中重现此内容（至少在最新版本和5.0.356.2 beta 版本中）。
在 jsFiddle 上查看工作演示。

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

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

于 2010-03-27T17:25:10.797 回答
1

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

于 2010-04-02T19:38:40.090 回答
0

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

于 2013-01-22T12:16:51.797 回答