Question

我试图在两个ul之间交换元素。

我改变位置的第一个动作是好的，但是当我尝试反向行动时，它没有工作，我不知道为什么，有人可以帮助我吗？？

感谢。

我的代码：

<form action="php/paso_1.php" name="marcas" method="post">          
    <ul class="lista original">
        <li><input type="checkbox" name="marca" value="farola"/><a href="#">farola</a></li>
        <li><input type="checkbox" name="marca" value="zapato"/> <a href="#">Zapato</a></li>        
        <input class="boton dos" type="submit" value="Ok"/>
    </ul>   
    <div class="slide">
            <a class="toggle" href="#">Ver Seleccionados</a>

            <ul class="elegidos anade"> 

            </ul>
        </div>
 </form>

jQuery代码：

$('.original li').on('click',clonaCol);
$('.anade li').on('click',desselec);


function clonaCol(e){
$('.anade').append($(this));
$('.anade input').prop('checked','checked');
e.preventDefault();}

function desselec(e){
$('.original').append($(this));
e.preventDefault;}

Answer 1

你应该再次绑定点击。这是因为第一次转换后的元素需要点击事件的新绑定

工作示例

http://jsfiddle.net/2K5qR/

javascript

$('.original li').on('click',clonaCol);
$('.anade li').on('click',desselec);


function clonaCol(e){
$('.anade').append($(this));
$(this).on('click',desselec); 
$('.anade input').prop('checked','checked');
e.preventDefault();}

function desselec(e){
$('.original').append($(this));
    $(this).on('click',clonaCol); 
e.preventDefault;}

html与你的

相同

互相交换李的元素

1 个答案: