0

この jQuery の例: http://jqueryui.com/demos/sortable/#empty-listsでは、次のように、並べ替え可能な ul (sortable1、2、および 3) ごとに CSS タグがあります。

CSS

#sortable1 li, #sortable2 li, #sortable3 li { 
    margin: 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 120px;
}​

HTML

<div class="demo">

<ul id="sortable1" class='droptrue'>
    (...)
</ul>

<ul id="sortable2" class='dropfalse'>
    (...)
</ul>

<ul id="sortable3" class='droptrue'>
</ul>

私が抱えている問題は、自分の Web ページで、いくつの UL があるか前もってわからないことです。#sortable のすべての反復を定義せずにこれを処理する最良の方法は何ですか?

4

3 に答える 3

2

人々は単純なCSS3メソッドを忘れているようです。

ul[id^=sortable] li {
    margin: 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 120px;
}

ここでは、AttributeStartsWithセレクターを使用します。したがって、これは、属性が用語で始まるli要素内のすべての要素にスタイル設定を適用します。ulidsortable

例。

于 2012-08-09T04:56:02.117 に答える