9

私はMCustomScrollBarを使用していますが、ページにスクロールバーの複数のインスタンスがあります。各スクロールバーに個別に要素を動的に.mCSB_container追加できるようにする必要があります。<li>

これattrは本質的に同じ質問ですが、受け入れられた回答は機能しません。クラスに ID がない場合、を使用して ID を取得しようとしているためです。

<div id="titles" class="scroll-box" style="opacity: 1;">

    <h2>Latest Titles</h2>
    <ul class="scroll-horizontal mCustomScrollbar _mCS_1">
        <div class="mCustomScrollBox mCSB_horizontal" id="mCSB_1" style="position:relative; height:100%; overflow:hidden; max-width:100%;">
            <div class="mCSB_container" style="position: relative; left: 0px; width: 2860px;">
                <li class="product-car"> My Car</li>
                <li class="product-bike"> My Bike </li>
                <li class="product-tree"> My Tree </li>
            </div>
        </div> 
    </ul>

</div>

<div id="titles" class="scroll-box" style="opacity: 1;">

    <h2>Latest Houses</h2>
    <ul class="scroll-horizontal mCustomScrollbar _mCS_2">
        <div class="mCustomScrollBox mCSB_horizontal" id="mCSB_2" style="position:relative; height:100%; overflow:hidden; max-width:100%;">
            <div class="mCSB_container" style="position: relative; left: 0px; width: 2860px;">
                <li class="product-house"> My House</li>
                <li class="product-boat"> My Boat </li>
                <li class="product-tree"> My Tree </li>
            </div>
        </div> 
    </ul>

</div>

だから私はjQueryの子を使って遊んでみましたが、役に立ちませんでした。

4

1 に答える 1

15

最初のスクロールバーに追加するには、ID で検索し、子セレクター#mCSB_1を使用して目的のコンテナーに移動します。次のようにします。 >

$('#mCSB_1 > .mCSB_container').append('<li class="product-tree"> New LI </li>');

2 番目のスクロールバーについても同じことを行いますが、 id については次のようにします#mCSB_2。

$('#mCSB_2 > .mCSB_container').append('<li class="product-tree"> New LI </li>');
于 2012-10-25T10:06:19.147 に答える