【问题标题】:jQuery vs LinkedIn on .show() : content is not displayed.show() 上的 jQuery vs LinkedIn:不显示内容
【发布时间】:2012-01-17 10:43:22
【问题描述】:

我有this 代码:

HTML:

<a id="openDiv" href="javascript:void(0);">Show</a><br /><br />

<div id="control" style="display:none;">
    <div class="linkedin_3">
        <script type="IN/CompanyInsider" data-id="1035" data-modules="innetwork,newhires,jobchanges"></script>
    </div>
</div>    

<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>

jQuery:

$("#openDiv").click(function () {
    $("#control").fadeIn();
});

现在,使用 jQuery 的show 打开 div,LinkedIn 模块已加载,但实际上某些字段是不可见的。它适用于 Chrome,不适用于 Firefox/IE 等。

为什么?我哪里错了?也尝试了.show(),但没有任何改变......

【问题讨论】:

  • 你能提供一个jsfiddle来测试吗?顺便说一句,你不需要href="javascript:void(0);",只需在点击事件(click(function(e) {)中添加一个参数e,并将e.preventDefault();作为事件函数的第一行添加。
  • 有jsfiddle!检查顶部!
  • 嗯...在 Firefox 3.6 中为我工作...
  • Firefox 9.0.1 失败!还有 IE7-9(老实说,在 IE7 上只是“有时”,现在总是)

标签: javascript jquery css social-networking linkedin


【解决方案1】:

如果可以,您可以将display:none 替换为visibility:hidden 并通过jQuery 将其更改为visible,它正在工作:http://jsfiddle.net/HMNQG/5/

在 IE 中测试。

【讨论】:

  • 是的!更好的是,使用 height:0; position:relative; overflow:hidden; 并使用 jQuery 设置 height:auto/0!谢谢
猜你喜欢
  • 2018-05-29
  • 1970-01-01
  • 2015-02-27
  • 2021-06-06
  • 1970-01-01
  • 2010-11-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多