0

要素を1回カウントするにはどうすればよいですか? 今、#totalItems をクリックすると、 #photoId にある要素の数だけアラートが発生しますか?

<script type="text/javascript">
    $(document).ready(function(){ 
        photoId = $('.photoId');
        totalItems = $('#totalItems');

        $(photoId).on('click', function(){
              //alert ($(this).html()); 
              $(this).clone().appendTo(totalItems);

              $('#count').on('click', function(e){
              sizes = (totalItems.children().size()); 
              alert (sizes);
              });

              $('#count').off('click', function(e){
              sizes = (totalItems.children().size()); 
              alert (sizes);
             });       
        });          
    });
</script>
4

2 に答える 2

0

次の行を置き換えます。

$(photoId).on('click', function(){

に ：

photoId.on('click', function(){
于 2013-09-13T13:29:58.850 に答える
0

$('#count').on('click', function() { ...をクリックするたびにハンドラーをアタッチしています.photoId。ドキュメントのreadyイベント内で一度だけ実行されるようにしてください。

あなた#countが実際にクローンされているDOMの中にいる場合、あなたはする必要があります

  1. ID を取り除き、クラスに置き換えます。
  2. CSS フィルターを使用して、イベントを最上位のコンテナーにバインドします。

つまり、次のようなものです。

$("#totalItems").on("click", ".count", function() { ...
于 2013-09-13T13:33:15.973 に答える