我有两个列表:第一个显示在左侧,第二个显示在右侧。 我想,如果我点击左侧的元素上,他被删除,他被前置到右侧列表(和相反的动作)jquery将元素从div移动到另一个
这是我的html:
<div class="cont">
<div id="groupL" class="innDiv">
<div id="1" class="aaaL">Value 1</div>
<div id="2" class="aaaL">Value 2</div>
</div>
<div id="groupR" class="innDiv">
<div id="4" class="aaaR">Value 4</div>
<div id="3" class="aaaR">Value 3</div>
</div>
</div>
这是javascript源码。
var clickLtoR = function(n){
_this = $('#'+n);
$('#groupR').prepend('<div class="aaaR" id="'+n+'">'+_this.html()+'</div>');
_this.remove();
}
var clickRtoL = function(n){
_this = $('#'+n);
$('#groupL').prepend('<div class="aaaL" id="'+n+'">'+_this.html()+'</div>');
_this.remove();
}
$('.aaaL').click(function(){
clickLtoR($(this).attr("id"));
});
$('.aaaR').click(function(){
clickRtoL($(this).attr("id"));
});
如果我点击例如“Value1”,我需要将此div移动到右侧。
它的工作原理..但是如果我再次点击相同的元素,例如在“值1”之前的例子之后,这没有任何关联的点击事件,并且不会返回到左侧列表中。
如何解决这个问题并绑定点击“新元素”?
在这里,我的jsfiddle http://jsfiddle.net/uw446/1/