Javascript 如何覆盖;“始终显示”;我想要的隐藏div中的flash插件属性?
我有一个flash对象,我正试图显示和隐藏与我的隐藏div的其余部分。没有flash对象,隐藏div工作得很好。加载页面时,此样式将隐藏div:Javascript 如何覆盖;“始终显示”;我想要的隐藏div中的flash插件属性?,javascript,jquery,css,flash,visibility,Javascript,Jquery,Css,Flash,Visibility,我有一个flash对象,我正试图显示和隐藏与我的隐藏div的其余部分。没有flash对象,隐藏div工作得很好。加载页面时,此样式将隐藏div: <style> div {display:none;} p {display:none;} div p {display:none;} </style> div{display:none;} p{显示:无;} divp{display:none;} 但当我添加flash对象时,它总是出现 <div id="hidde
<style>
div {display:none;}
p {display:none;}
div p {display:none;}
</style>
div{display:none;}
p{显示:无;}
divp{display:none;}
但当我添加flash对象时,它总是出现
<div id="hidden1">
<p id="audioplayer_1">Alternative content</p>
<script type="text/javascript">
AudioPlayer.embed("audioplayer_1", {soundFile: "http://yoursite.com/path/to/mp3_file.mp3"});
</script>
</div>
备选内容
嵌入(“AudioPlayer_1”,{soundFile:”http://yoursite.com/path/to/mp3_file.mp3"});
flash对象是,它自带了自己的Javascript文件,这似乎会导致player对象将元素替换为id,如下面的安装示例中的“audioplayer_1”(来自player的文档)
除了样式之外,我是否需要在文档加载时使用一些JQuery代码来覆盖播放器对象的“始终显示”字符?如果是,我需要瞄准什么活动?
1. <html>
2. <head>
3. <title>Your website</title>
4.
5. ...
6.
7. <script type="text/javascript" src="path/to/audio-player.js"></script>
8. <script type="text/javascript">
9. AudioPlayer.setup("http://yoursite.com/path/to/player.swf", {
10. width: 290
11. });
12. </script>
13.
14. </head>
15. <body>
16.
17. <p id="audioplayer_1">Alternative content</p>
18. <script type="text/javascript">
19. AudioPlayer.embed("audioplayer_1", {soundFile: "http://yoursite.com/path/to/mp3_file.mp3"});
20. </script>
21.
22. <p id="audioplayer_2">Alternative content</p>
23. <script type="text/javascript">
24. AudioPlayer.embed("audioplayer_2", {soundFile: "http://yoursite.com/path/to/mp3_file_2.mp3"});
25. </script>
26.
27. </body>
28. </html>
1。
2.
3.你的网站
4.
5.
6.
7.
8.
9AudioPlayer.setup(“http://yoursite.com/path/to/player.swf", {
10.宽度:290
11. });
12
13
14
15
16
17. 替代内容
18
19嵌入(“AudioPlayer_1”,{soundFile:”http://yoursite.com/path/to/mp3_file.mp3"});
20
21
22.
替代内容
23
24嵌入(“AudioPlayer_2”,{soundFile:”http://yoursite.com/path/to/mp3_file_2.mp3"});
25
26
27
28
首先,您粘贴的演示代码的隐藏分区中没有音频播放器。您确定它们确实位于隐藏元素中吗
如果玩家仍然坚持要显示,您可以将其隐藏在文档中。就绪事件:
<html>
<head>
<title>Your website</title>
...
<script type="text/javascript" src="path/to/audio-player.js"></script>
<script type="text/javascript">
AudioPlayer.setup("http://yoursite.com/path/to/player.swf", {
width: 290
});
$(document).ready(function() {
$('.hidden object').hide();
$('.hidden').hide();
});
</script>
</head>
<body>
<div class="hidden">
<p id="audioplayer_1">Alternative content</p>
<script type="text/javascript">
AudioPlayer.embed("audioplayer_1", {soundFile: "http://yoursite.com/path/to/mp3_file.mp3"});
</script>
</div>
<div class="hidden">
<p id="audioplayer_2">Alternative content</p>
<script type="text/javascript">
AudioPlayer.embed("audioplayer_2", {soundFile: "http://yoursite.com/path/to/mp3_file_2.mp3"});
</script>
</div>
</body>
</html>
你的网站
...
AudioPlayer.setup(“http://yoursite.com/path/to/player.swf", {
宽度:290
});
$(文档).ready(函数(){
$('.hidden object').hide();
$('.hidden').hide();
});
备选内容
嵌入(“AudioPlayer_1”,{soundFile:”http://yoursite.com/path/to/mp3_file.mp3"});
替代内容
嵌入(“AudioPlayer_2”,{soundFile:”http://yoursite.com/path/to/mp3_file_2.mp3"});
尚未测试代码-如果代码不起作用,请告诉我。我已使用解决了类似的问题。解决方案是在显示div之前不调用embed()方法。因此,如果您使用jQuery,您的HTML可能如下所示:
<a href="#audioplayer_1">Play 1</a>
<div id="hidden1">
<p id="audioplayer_1">Alternative content</p>
</div>
我喜欢这个主意。但这只是“表演”的一面。要“隐藏”,如何“未嵌入”?$('p'+target).empty();我应该这样做。它将删除innerHTML。
$('a').click(function(
target = $(this).attr('href');
$('p'+target).parent().show(); // show the div
AudioPlayer.embed("audioplayer_1", {soundFile: "mp3_file.mp3"}); // load the audio player
));