0

selectタグと同じ機能を必要とする順序付けされていないリストがあります。これは問題なく機能しますが、ドロップダウンリストをすべてのページで複数回再利用したいのですが、セレクターがすべてのリストに適用され、すべての動作とが重複するため、混乱が始まります.clone()。.closest()重複を防ぐためにこの方法を使用する必要があると思いますが、これをどこでどのように適用するのですか？

ありがとう

作業デモ

重複した問題のデモ

jQueryコード：

$(".cloned").text($(".selected").text());
$(".options").hide();

$(".cloned").click(function(){
    $(".options").toggle();
    e.preventDefault();                 
});

$('.select .options li').click(function(){

    $(this).next.siblings().removeClass('selected');
    $(this).next.addClass('selected');
    $(".cloned").text($(".selected").text());   
    $(".options").hide();   
});

htmlコード：

<div class="select">
    <span class="cloned"></span>

    <ul class="options">
        <li class="selected">Kensington</li>
        <li>Lingfield</li>
        <li>Wolverhampton</li>
        <li>Cheltenham</li>
    </ul>
</div>

<div class="select">
    <span class="cloned"></span>

    <ul class="options">
        <li class="selected">Kensington</li>
        <li>Lingfield</li>
        <li>Wolverhampton</li>
        <li>Cheltenham</li>
    </ul>
</div>
4

1 に答える 1

1 
$(".cloned").click(function () {
  $(this).next(".options").toggle();
});

http://jsfiddle.net/6mukW/10

jQueryの他の部分（選択/選択解除）にもいくつか問題がありますが、何をしようとしているのかよくわかりません。

于 2013-01-24T16:51:48.880 に答える