Jquery Hide Div（需要替代）答案

【问题标题】：Jquery Hide Div (need an alternative)Jquery Hide Div（需要替代）
【发布时间】：2012-08-13 12:21:50
【问题描述】：

我的网站有一个功能，用户可以从下拉框中选择音频，当他们这样做时，$.post 函数被调用，它输出一个带有音频播放器的 div（自动启动）。我遇到的问题是我不希望用户看到该音频播放器，当我使用.hide(); 时，音频播放器在 Firefox 中不起作用，但在其他浏览器中起作用。如果我将音频播放器宽度设置为 0px，它将无法在 safari 中使用。我尝试通过css格式化div

#sound { width:0px; height:0px; } 但它没有任何影响（是的，名称是正确的）。那么有没有其他方法可以在所有浏览器上隐藏 div 。顺便说一句，音频播放器是 flash swf 文件。

【问题讨论】：

很难说没有看到你的代码。您是否尝试过其他 CSS，例如display: none; ?
你试过我的建议了吗？将 div 放入包装器并使用包装器。
我确实把它放在了一个包装器中 - 它适用于除 safari 之外的所有浏览器，我想如果它没有显示在屏幕上，它就不会在 safari 上播放:(

标签： php javascript jquery css

【解决方案1】：

$('#sound').css({position: 'absolute', width: '1px', height: '1px', left: '-999px', top: '-999px'});

或

$('#sound').css('opacity', 0);

不过，两者都是黑客行为

在一些 cmets 之后添加（不确定是否适合他）：

$('#sound').css({position: 'absolute', width: '1px', height: '1px', overflow: 'hidden'}).find('embed, object').css('margin-left', '1px');

【讨论】：

我尝试了上述技巧，它们适用于除 Safari 之外的所有浏览器。我不知道它有什么问题。
你是说两者都只在 Safari 中有效吗？如果您只是将播放器放在页面上任何位置的 1px x 1px 可见 div 中，它在 Safari 中是否有效？
如果 DIV 是可见的，例如如果它是 1px，它工作正常。如果我将不透明度更改为 0，它不起作用，位置 hack 也不起作用。我正在使用wpaudioplayer.com/standalone。
有趣。您可以尝试的另一种技巧是 $('#sound').css({position: 'absolute', width: '1px', height: '1px', overflow: 'hidden'}).find('embed, object').css('margin-left', '1px');这将使您的播放器 div 保持为 1px 可见 div，但其内容应偏移并隐藏并显示为不可见。
不，它在 safari 上不起作用，我只是将其更改为 1 px 并将音频播放器颜色更改为白色，现在没有人可以看到它。非常感谢@everyone 的帮助。

【解决方案2】：

您没有尝试使用display:none; 或visibility:hidden; 的CSS 属性。您甚至可以在浏览器检测中设置这些属性。

【讨论】：

【解决方案3】：

试试这个：

$('#sound').css('visibility', 'hidden').hide();

【讨论】：

谢谢，适用于除 Windows 版 Safari 浏览器之外的所有浏览器。 :(
有时，当 div 行为不端时，最好将该 div 放入包装器 div 并在包装器上设置位置/显示属性。如果你真的想，你甚至可以把它放在一个 iframe 中。

【解决方案4】：

试试opacity:0; 或visibility:hidden;

【讨论】：

【解决方案5】：

如果您隐藏 Flash 电影，大多数浏览器都足够聪明，可以理解不需要对其进行初始化。

所以，你可以给它一个非常小的宽度和高度，在嵌入它时将 wmode 参数设置为透明或不透明（这允许你在它上面放置 HTML 元素），然后在 flash 上面放置一个白色 div电影。将 html 元素放在 flash 上以覆盖它不会被视为隐藏，没有浏览器它聪明。还 :-)

【讨论】：

【解决方案6】：

#sound 是音频播放器本身，还是它的封装？我相信如果你隐藏一个包装 div，它可以工作。

【讨论】：