我有这些东西
<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 的 anchor 在 $(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()
最佳答案
我用jsp编写了一个网上商店系统,上周捕获了这个错误。我认为这个问题是一个缓存问题,因为代码在Users.jsp中工作,而相同的代码不在Subjects.jsp中工作。这两个代码都可以在 FF、IE、Opera 中运行。有时有效,有时无效。 使用 hide('slow'),它是相同的解决方案...
关于jquery - Chrome + jQuery 隐藏/显示内联,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2529869/