Javascript 动态添加的元素将不会删除
为什么在此代码块中不删除Javascript 动态添加的元素将不会删除,javascript,jquery,html,Javascript,Jquery,Html,为什么在此代码块中不删除.mydiv img $( document ).on( "click", '.onhover', function() { $('.mydiv img').remove(); var clone = $('.onhover').clone(); $('.mydiv').append(clone); }); 我还应该补充一点,每个图像的src是base64,不确定这是否是问题所在 编辑:.onhoverhtml <img class="o
.mydiv img
$( document ).on( "click", '.onhover', function() {
$('.mydiv img').remove();
var clone = $('.onhover').clone();
$('.mydiv').append(clone);
});
我还应该补充一点,每个图像的src
是base64,不确定这是否是问题所在
编辑:
.onhover
html
<img class="onhover" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4A...Am1QaMG+m7GaFP+FMUDQBFHUkTMCkZGFdLgDklAJgAcjeFOZgU+RP+FEUDQFFH2gRgijRgmtH+bkb/s5iAaesECH+KogGgKJqAMdAfN1rf689tf2uSpk0CdlvYR/hTFA0ARR15EzDKGMw6TSCmSBVm1TiAzwJ6PwLwhD9F0QBQ1JEyAcDkKQFMMZqfFfzTLgPcTRowy6h/XBJA+FMUDQBFHWkTMM4AYIqUABMeexoT4KdMBMYZhEmjfsKfomgAKIomYMo0YNJof9bCv0lJwChoz3I/MEXkT/hTFA0ARR1FEzApDZhkGMYBfzcJwCzwngX8hD9F0QBQFE3AHI3AtKnCbkb/uxnRT/s4hD9F0QBQFNOAKW7vBvR7TQCmhf7M4Cf8KYoGgKJoAnZnBCb9m73WAEwLcoKfomgAKIqagwmYBPNZ/99x908z6p+XUSD8KYoGgKKoXRqBeY3095oMTDIBBD9FLaj+/wEAfEsmcAJIeAcAAAAASUVORK5CYII=" style="float:left; height: 100%; position: relative; width: 55px; margin-right: 4px;">
删除前需要克隆。您还可以确保删除正在单击的内容:
$( document ).on( "click", '.onhover', function() {
var $this = $(this),
$parent = $this.parent(),
$clone = $this.clone();
$this.remove();
$parent.append( $clone );
});
编辑:假设.mydiv
位于页面的其他位置。。。也许是这样的:
<div class="mydiv"></div>
<div class="thumbnails">
<img class="onhover" src="img1.jpg" />
<img class="onhover" src="img2.jpg" />
<img class="onhover" src="img3.jpg" />
</div>
这可能是你想要的
$('.onhover').on("click", function () {
$('.mydiv').html($(this).clone());
});
编辑:
我这里有一个更新的代码,支持单视图的图钉和全尺寸图像:
控制台上是否有日志或错误?你用调试工具输入代码了吗?
.onhover
的内容是什么?请发布您的html。我为.onhover
添加了html。我从未见过这种语法$(文档)以前,我总是使用$('.onhover').on('click',function(){…})代码>这就是问题所在吗?@paolo-这就是活动授权。在()的文档上签出。哦,天哪,解释一下否决票!只要他有两个带有.onhover
或.mydiv
的项目,他就会克隆并将它们相互附加。我的代码确保他只处理被点击的那个。是的!非常感谢
$('.onhover').on("click", function () {
$('.mydiv').html($(this).clone());
});