Question

我试图让图像在点击后移动到单独的框中，然后使用我的html中的删除按钮删除。我想出了如何在点击它时添加图像，然后单击删除按钮将其删除。我遇到的问题是：当我单击图像本身时，它应该复制到右边但它应该只复制一次然后我必须使用按钮删除（）图像然后我再次点击它以便它出现再一次。现在，图像在点击时反复出现。我尝试使用.stop（）但完全停止了这个功能，我需要它可以互换地工作。我如何使用jQuery做到这一点？

JQUERY CODE：

$(document).ready(function(){
$("#john").click(function(){



var johnImage = $("#john").clone(false);

 $("h2").html("John is in the box");
 $("h2").css({ 'color': 'red'});


 $("#johnbox").prepend(johnImage);




});

Answer 1

查看以下代码。您应该在删除处理程序中再次将clicked设置为false。

以下是删除代码后的完整代码。

import ReactGA from 'react-ga';

export const statDimension = (dimensionName, value) => {
if(value)
  {
    let obj = {};
    obj[dimensionName] = value;
    ReactGA.set(obj);
  }
};

export const statPageView = (url, game_id, clip_num) => {
if(!url)
{
    url = window.location.hash;
}
//set game_id
statDimension(STAT_DIM_GAME_ID, game_id);
//set clip number
statDimension(STAT_DIM_CLIP_NUM, clip_num);

ReactGA.pageview(url);
return null;
};

让clone（）只能互换一次

1 个答案: