2016-09-20 26 views
0

我需要將項目移動到不同的div(這樣用戶可以選擇自己喜歡的),但我需要原始列表總是有3片,因爲這將是一個滑塊。所以,當一個項目被移動到選擇框未選中的盒子始終保持與3個錨裹在它JavaScript的移動按鈕和度假村到片

這裏在LI標籤是我的小提琴 http://jsfiddle.net/8VrdE/308/

這裏是我的js

var threelist = $("ul#nonSelected > a"); 
     for(var i = 0; i < threelist.length; i+=3) { 
     threelist.slice(i, i+3).wrapAll("<li class='new'></li>"); 
     } 

    function moveButton(elem) { 
    if ($(elem).parent().parent().attr("id") == "nonSelected") { 
     $(elem).detach().appendTo('#selected'); 

    } else { 
     $(elem).detach().appendTo('#nonSelected'); 
    } 
    } 

回答

1

改變功能

function moveButton(elem) { 
    if ($(elem).closest('ul').attr("id") == "nonSelected") { 
    $(elem).detach().appendTo('#selected'); 

    } else { 
    $(elem).detach().appendTo(
     // slice parent 
     '#nonSelected ' 
     // slice 
     + 'li' 
     // dose not have 3 anchors 
     + ':not(:has(a:eq(2)))' 
     // select first slice(not have 3 a) 
     + ':first' 
    ); 
     // base selector 
     // '#nonSelected li:not(:has(a:eq(2))):first' 
    } 
}