0

如果我的问题含糊不清或不清楚，我很抱歉，因为我对其中一些语言相对较新。

好的，我将解释一下情况：我目前有一个用 css 和 javascript 编写的音乐播放器，但是我想将所有这些“音乐播放器”放在我的“内容”div 中，该 div 位于我的 html 页面中。我已经在互联网上进行了调查，发现您实际上无法更改 css 中的父 div （对不起，如果我错了或使用了错误的术语）但是，它可以通过 jquery 和 DOM 来完成吗？我只是想知道究竟是怎么做到的，这是最好的方法吗？无论如何，为了帮助可视化情况，我将做一个非常基本的模板来说明我所做的事情。请记住，音乐播放器本身目前确实可以工作，而我并没有真正准备好移动和更改所有 css。

HTML

<head>
<script type="text/javascript">
    $(document).ready(function(){
    var description = " description blah blah "

    $('body').Musicplayer(playlist, {
          autoplay:true,
          description:description,
          Player:{
              swfPath:'../plugin/jquery-mplayer'
    }
    });
    });
    </script>
</head>
<body>
<div id="content"> 
    <!-- this is where i want the musicplayer to be --> 
    content blah blah </div>
<!-- this is where it appears at the moment when i inspect the page in mozilla firefox -->
</body>

CSS

.Musicplayer {
    z-index:100;
    etc etc other stuff 
}
4

4 回答 4

3

我想音乐播放器被附加到，body因为那是你传递给方法/函数的选择器。如果您只是将选择器修改为，$('#content')那么它应该出现在#content元素中，所以我建议：

$('#content').Musicplayer(playlist, {
      autoplay:true,
      description:description,
      Player:{
          swfPath:'../plugin/jquery-mplayer'
    }
});
于 2012-08-07T15:27:45.520 回答
2

$('body')是一个选择器。只需将其更改为$('#content')将选择#contentid 即可。

于 2012-08-07T15:27:08.987 回答
0

有多种方法用于设置 html 内容或进行 DOM 替换，例如使用 jQuery 方法 .append() ：

$('div.demo-box').append('<div class="insertion">This text
 was <strong>inserted</strong></div>');
于 2012-08-07T15:29:24.680 回答
0 
var MPdiv = $('div').Musicplayer(playlist, {
    autoplay:true,
    description:description,
    Player:{
      swfPath:'../plugin/jquery-mplayer'
});

$('#content').append(MPDiv);
于 2012-08-07T15:30:47.207 回答