0

我有两<ul>节课。一个是<ul class"list_songs">另一个是<ul class"playlist">

目前的设置是这样的，而且效果不好。它会列出歌曲并播放它们，但它不会播放下一首，因为每个链接就像它自己的岛屿。知道如何将两者结合起来吗？

<div class="blk_main">
    <div class="tag_main">
        <h2>Music Results</h2></p>
    </div>
<div>
    <ul class="list_song">
    {section name=mp3 loop=$mp3_search}
</div>      
        <div>
        <ul class="playlist">       

                  <li> <a class="sm2_link" href="{$mp3_search[mp3].mp3_url}">{$mp3_search[mp3].song_title|strip_tags}</a></li>
                  </ul>

 </div>
 <div id="control-template">
  <!-- control markup inserted dynamically after each link -->
  <div class="controls">
   <div class="statusbar">
    <div class="loading"></div>
     <div class="position"></div>
   </div>
  </div>
  <div class="timing">
   <div id="sm2_timing" class="timing-data">
    <span class="sm2_position">%s1</span> / <span class="sm2_total">%s2</span></div>
  </div>
  <div class="peak">
   <div class="peak-box"><span class="l"></span><span class="r"></span>
   </div>
  </div>
 </div>

 <div id="spectrum-container" class="spectrum-container">
  <div class="spectrum-box">
   <div class="spectrum"></div>
  </div>
 </div>

问题是第一类将歌曲结果和其他格式列出到声音管理器中。我怎样才能将两者结合起来，以便它们一起工作以创建一个真正的播放列表，然后播放下一个功能就可以工作了。

声音管理器设置在我的标题中，我有

<!-- Page player core CSS -->
<link rel="stylesheet" type="text/css" href="soundmanager2/page-player.css" />
<!-- soundManager.useFlashBlock: related CSS -->
<link rel="stylesheet" type="text/css" href="soundmanager2/flashblock.css" />


<!-- soundManager API -->
<script src="soundmanager2/soundmanager2.js"></script>

<script>

/* --------

  Config override: This demo uses shiny flash 9 stuff, overwriting Flash 8-based defaults
  Alternate PP_CONFIG object must be defined before soundManager.onready()/onload() fire.
  Alternately, edit the config in page-player.js to simply use the values below by default

-------- */

// demo only, but you can use these settings too..
soundManager.setup({
  flashVersion: 9,
  preferFlash: true, // for visualization effects
  useHighPerformance: true, // keep flash on screen, boost performance
  wmode: 'transparent', // transparent SWF, if possible
  url: 'soundmanager2/'
});

// custom page player configuration

var PP_CONFIG = {
  autoStart: false,      // begin playing first sound when page loads
  playNext: true,        // stop after one sound, or play through list until end
  useThrottling: false,  // try to rate-limit potentially-expensive calls (eg. dragging position around)</span>
  usePeakData: true,     // [Flash 9 only] whether or not to show peak data (left/right channel values) - nor noticable on CPU
  useWaveformData: false,// [Flash 9 only] show raw waveform data - WARNING: LIKELY VERY CPU-HEAVY
  useEQData: false,      // [Flash 9 only] show EQ (frequency spectrum) data
  useFavIcon: false     // try to apply peakData to address bar (Firefox + Opera) - performance note: appears to make Firefox 3 do some temporary, heavy disk access/swapping/garbage collection at first(?) - may be too heavy on CPU
}

</script>

<!-- Page player main script -->
<script src="soundmanager2/page-player.js"></script>
4

1 回答 1

0

我不太了解您要实现的目标，但是在以下链接中，您会找到使用嵌套 ul 标签的一个很好的示例：

http://www.ezineasp.net/post/HTML-nested-lists-ol-and-ul-tags.aspx

于 2013-04-15T15:50:13.863 回答