jquery ui sortable espace réservé ne peut pas changer la couleur de fond

Je peux réussir à modifier la frontière de la couleur de l'espace réservé, mais quand j'ai essayer de changer la couleur de fond, rien ne se passe.

Ce jsfiddle code explique le mieux c': http://jsfiddle.net/EUVrK/1/

InformationsquelleAutor Kosta Kontos | 2012-07-17
  1. 9

    Selon la jQuery UI Sortable Documentation vous pouvez fournir une classe css pour l'espace réservé. Vous devriez être en mesure de préciser le contexte de cette classe.

    À l'aide de l'espace réservé et le forcePlaceholderSize bien, il fonctionne comme un charme.
    J'ai mis à jour le jsfiddle lien

    Espère que ça aide.

    • Merci de prendre le temps pour aider les p0wl. Cette solution ne fonctionne en effet. Cependant, il utilise un autre code de mise en page / la structure de celui que je recherchais, c'est à dire: il faut séparer le style dans une classe CSS et le hériter du paramètre de largeur avec foreplaceholderSize définie sur true. Bien sûr, il fait le tour, mais la solution décrite dans mon autre réponse (avec la permission de quelqu'un d'autre sur IRC) ne nécessite qu'une ligne supplémentaire de jQuery code à ajouter du code dans la question d'origine. C'est assez élégant. Peut-être que vous avez trouvé utile de trop? Merci quand même 🙂
    • Vous avez tout à fait raison, mais cela dépend du point de vue. J'aime les séparer entre le javascript et le css. Bien que l'utilisation d'un paramètre standard de jquery-ui peut avoir des avantages (lire en utilisant une méthode get par exemple).
    • Ouais séparant Javascript et CSS de la façon dont vous avez fait, c'est certainement mieux pratiquer. En tant que tel, je vais voter votre réponse comme correcte (parce que la question du titre ne fait pas référence à de faibles niveaux d'optimisation de l'interface utilisateur.espace réservé).
    InformationsquelleAutor p0wl
  2. 3

    J'ai eu de l'aide d'un ami sur irc.freenode qui a proposé la solution suivante qui fait le tour.

    ui.placeholder.css("visibility", "visible");
ui.placeholder.css("background-color", "red");

    La couleur de fond de l'espace réservé n'affiche pas parce que l'élément n'est pas visible (je suppose qu'il est défini à caché par défaut). Si le paramètre visible permet de voir les différentes couleur de fond.

    • Où placez-vous de ce code?
    • Très agréable. C'est parfait.
    • Vous pouvez également raccourcir en faisant de l'interface utilisateur.espace réservé.css({"visibilité":"visible","background-color":"rouge"});
    • Ce code doit être placé dans le start sortable événement. start: (e, ui) => { ui.placeholder.css('visibility', 'visible'); ui.placeholder.css('background-color', 'red'); }
    InformationsquelleAutor Kosta Kontos
  3. 3

    CSS

    .placeholderBackground{background-color:#FD6FB7;}

    PARAMÈTRE

    $('.sortable').sortable({ 
axe: "y", espace réservé: 'placeholderBackground' 
}).disableSelection();

    InformationsquelleAutor Vedat Taylan