【问题标题】:jQuery Drag/Drop <li> element stylingjQuery 拖放 <li> 元素样式
【发布时间】:2011-11-24 21:48:30
【问题描述】:

我有一个列表,我想用 jQuery 将其拖放到另一个列表中。拖放工作正常,但我遇到了一个问题,因为我需要在同一个“li”项目上显示来自数据库的两个不同位的信息,但样式不同。

我希望能够为下面的每个列表项添加一个“轨道长度”,但我需要轨道长度文本具有不同的背景和文本颜色,但仍然是相同“li”的一部分,以便整个东西是可拖动的。有没有一种简洁的方法可以用基本的 htm/css 做到这一点?

<ul class="songs">
<li class="song_title">Title 1</li>
<li class="song_title">Title 2</li>
</ul>

【问题讨论】:

  • 您可以在 &lt;li&gt;.. 中添加您想要的任何标记。您到底在问什么?
  • 像这样?:
  • 1:55标题1

标签: jquery html css


【解决方案1】:

这不是一个真正的 jquery 问题,但您应该能够使用以下 html 结构保持可拖动性并获得两个数据片段所需的样式。

<ul class="songs">
    <li class="song_title">
        <span class="title">Title 1</span>
        <span class="track_length">Some Length</span>
    </li>
    <li class="song_title">
        <span class="title">Title 2</span>
        <span class="track_length">Some Length</span>
    </li>
</ul>

【讨论】:

  • 这似乎是这样做的方式。感谢您和所有在这里回答简单问题的人!
猜你喜欢
相关资源
最近更新 更多
热门标签