Trung tâm cá nhân
sách gpt4 ai đã đi

Thêm một div vào một div khác sau khi div đó đã được thêm vào một div javascript div-append

In lại 作者：行者123 更新时间：2023-11-28 05:19:57 28 4
mua khóa gpt4 Nike

我的程序是一个游戏，从 4 个可玩 Angular 色开始，每个 Angular 色都在自己的类 charContainer 中，这 4 个 div 位于类 tính cách 的容器中。当玩家通过点击选择一个 Angular 色时，它会将其移动到类为 your 的容器中。之后容器 characters 中剩余未选择的字符移动到另一个名为 enemies 的 div 容器。这个 div 会将剩余的 3 个未单击的 div 移动到它。在此之后，玩家选择一个对手。我正在尝试将选定的对手移动到名为 opponent 的 div 容器中，但它一直附加到 your 容器中。我尝试删除类名 charContainer 并添加类 foes 但它仍然不起作用。 

$(tài liệu).ready(hàm() {
  $('.charContainer').on('click', function() {
    $('#your').append($(this));
    $('.characters>.charContainer').each(function() {
      $(this).removeClass('charContainer').addClass('foes');
      $('#enemies').append($(this));
    })
    $('.characters').remove();
  })

  $('.foes').on('click', function() {
    $('#opponent').append($(this));
    // $(this).appendTo('#opponent');
    $(this).addClass('defender');
  })

});


  

    

    
    

  

  

    

    
    

  

  

    

    
    

  

  

    

    
    

  



  
Your Character

  


  
Enemies

  


  
Fight Section

  


  
Opponent

xóa bỏcharContainer类并添加foes类后，foescủanhấp chuột函数仍然发送到 your div，即使我摆脱了 charContainer。我需要它去 opponent div。

1 Câu trả lời

Gọi.off("click")

$(".characters>.charContainer").off("click")

hiện hữu .characters>.charContainer click 处理程序中将 click từ .charContainer 元素中分离出来。

hiện hữu #enemies 元素处使用事件委托(delegate)，.one()，如果只有一个 .foes 元素应该附加到 #opponenent yếu tố

$('#enemies').one('click', ".foes", function() {})

Sẽ click Đính kèm vào #enemies 元素时，当元素动态添加 className foes 时调用处理程序被点击

$(tài liệu).ready(hàm() {
  $('.charContainer').on('click', function(e) {
    $("#your").append(this);
    $('.characters>.charContainer')
    .off("click")
      .each(function() {
        $(this).removeClass('charContainer')
          .addClass('foes');
        $('#enemies').append(this);
      })

    $('.characters').remove();
  })

  $('#enemies').one('click', ".foes", function() {
    $('#opponent').append($(this));
    // $(this).appendTo('#opponent');
    $(this).addClass('defender');
  })

});


  

    

    vader
    

  

  

    

    luke
    

  

  

    

    obiwan
    

  

  

    

    maul
    

  



  
Your Character

  


  
Enemies

  


  
Fight Section

  


  
Opponent

关于javascript - 在 div 已经附加到一个 div 之后，将 div 附加到另一个 div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40077905/

28 4 0
Bài viết được đề xuất: javascript - 如何更改 dhtmlx 甘特图中的日期格式？
Bài viết được đề xuất: javascript - 需要帮助理解 jquery 语法
Bài viết được đề xuất: html - Bootstrap CSS 专栏
Bài viết được đề xuất: jquery - 使用 SVG 动画和翻转六边形
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com