Il s'agit du code js. La partie code rouge dans le code js est configurée pour être triée lorsqu'elle peut être glissée dedans. La partie code orange n'est pas très compréhensible et semble inutile
.




Copier le code

$(fonction () {
    $("#catalog").accordion();
    $("#catalog li").draggable({
        appendTo : "corps",
        assistant : "clone",
        connectToSortable : "#cart ol"
    });
    $("#cart ol").sortable({
        éléments : "li:not(.placeholder)",
        connecterAvec : "li",
        trier : fonction () {
            $(this).removeClass("ui-state-default");
        },
        terminé : fonction () {
            //masque l'espace réservé lorsque l'élément est sur le triable
            $(".placeholder").hide();
        },
        out : fonction () {
            if ($(this).children(":not(.placeholder)").length == 0) {
                //affiche à nouveau l'espace réservé s'il n'y a aucun élément dans la liste
                $(".placeholder").show();
            >
        >
    });
});