0

jqueryをクリックすると、選択した内容が.fly li tag_handler に表示されるように、次のようにコードを記述します.fly li。

私の質問は、一度クリックした後にタグへのクリックを無効にし、tag_handler のタグを削除した後に再度有効にする方法です。ありがとう。

function add_tag(that){
  var singleValues = $(that).html();
  $("#tag_handler").append(singleValues);
}

$(".fly li").click(function(){
    add_tag(this);
});
4

1 に答える 1

0

私はおそらくあなたの2つの要件jsを満たす小さなデモを作成しました:

$(function(){
    var tags = [];
    function add_tag(that){
      var tag = $(that).text();
      if($.inArray(tag, tags)>=0) return;
      tags.push(tag);
      var singleValues = $(that).html();
      $("#tag_handler").append(singleValues);
    }

    $(".fly li").click(function(){
        add_tag(this);

    });

    $('#tag_handler').on('click', 'span', function(){
        var tag = $(this).text();
        var index = $.inArray(tag, tags);
    tags.splice(index,1);
        $(this).remove();
    });
});

HTML:

<ul class="fly">
    <li><span>Tag 1</span></li>
    <li><span>Tag 2</span></li>
    <li><span>Tag 3</span></li>
    <li><span>Tag 4</span></li>
</ul>
Tags:
<div id="tag_handler"></div>
  1. 「.fly li」をクリックして、タグを「tag_handler」に追加します。すでにタグ付けされている場合は、何もしません。
  2. 「tag_handler」のタグをクリックして削除すると、再度追加できます。
于 2013-08-09T17:54:17.933 に答える