我在Firefox中使用jquery show函数遇到了问题。
情况: 我在弹出窗口(fancybox)中加载了一个带有aspx页面的iframe。在该aspx页面中,我有一个带有onclick事件的按钮,该事件调用自定义函数并在该函数中对div上的.show()函数进行操作。该div具有包含display:none;样式元素。 在IE,Safari和Chrome中,这能够顺利运行。甚至在以独立方式加载aspx页面时,Firefox也可以正常工作。但是,在fancybox-iframe弹出窗口中,它不能正常工作。我没有收到JavaScript错误消息。即使从style属性中删除了display:none,div仍然不会显示出来。
页面的HTML:
<div class="popupWrapper">
..some elements
<div id="psharebutton" style="display:none;">
..content of the div
</div>
</div>
function dolinkedin(url, title, summary, source) {
$(".smbutton").addClass("buttonDisabled");
$("#linklinkedin").removeClass("buttonDisabled");
$("#psharebutton").show();
parent.sizeFancybox();
}
弹出窗口所在的按钮是一个带有fancyboxiframe类的锚点。Fancybox将自动生成用于显示弹出窗口的js代码。
我已经查看了这些主题:
- Jquery在Firefox中隐藏/显示无效?
- Jquery在Firefox / Chrome中隐藏/显示不起作用
- Jquery .show()和.hide()甚至.css({"display":"none"})在Firefox中不起作用?
我已经检查过我的html是否有效,它是有效的。
你有什么想法吗?
BHD