Question

我怎么能算一次元素？现在，外翻时间，当我点击#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>

Answer 1

替换此行：

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

通过：

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

Answer 2

您在$('#count').on('click', function() { ...的每次点击时附加.photoId处理程序。确保仅在文档的ready事件中执行一次。

如果你的#count实际上在克隆的DOM中，你需要

删除ID并将其替换为类。
使用CSS过滤器将事件绑定到顶级容器

即。像这样的东西：

$("#totalItems").on("click", ".count", function() { ...

jquery多个警报

2 个答案: