Forum d'entraide PHPFrance

Bonjour,

J'ai envie dans mon projet de classer mes div à la souris parce que c'est sympatoche. Le problème est le suivant quand je clic sur ma div et que je la déplace ça me génère plein de fois la même div et les div déjà présente parte dans tous les sens . Je ne vois pas d'ou ca peu venir n'y ou chercher du coup. J'ai essayé énormément de méthodes sur le web et j'ai toujours le même problème quand j'applique les méthodes a mon application.

Je vous met le JS et l'html

<script>
$("#card_deck_body").sortable();
</script>

<div id="card_deck_body" class="row card-deck card-list">
    <div data-card_id="card_1" class="card-wrapper col-sm-3">
        <div id="card_1" class="card">
            <div class="card-block">
                .....   
            </div>
        </div>
    </div>
    <div data-card_id="card_2" class="card-wrapper col-sm-3">
        <div id="card_2" class="card">
            <div class="card-block">
                .....   
            </div>
        </div>
    </div>
    <div data-card_id="card_3" class="card-wrapper col-sm-3">
        <div id="card_3" class="card">
            <div class="card-block">
                .....   
            </div>
        </div>
    </div>
<div>

J'utilise bootstrap je pensai que c'était la source de l'erreur mais même sans lui ca ne fonctionne pas. Si quelqu'un a une idée une piste un truc quoi.

Merci

Salut,

Tu as oublié
Cela ne fonctionnais pas car ta fonction était utilisé avant que le dom soit chargé et donc tu appliqué ta fonction sur des éléments qui n'existait pas, pense bien a toujours utiliser

C’était une erreur de copie de ma part. Il bien dans le $( function(){});.

La j'arrive a sélectionner ma div mais impossible de la déplacer et ca me la génère en HTML jusqu'a ce que je relâche le clic

Curieux pour moi cela fonctionne j'ai seulement testé sous chrome: Pense aussi à mettre tes balises script en bas de page c'est une bonne pratique. Ta console te renvoi-elle une erreur?

Oui j'ai une erreur dans la console :

Uncaught TypeError: (e.currentItem || e.element).find(...).andSelf is not a function.

Mais ca ne m'en dis pas plus du coup la ....
Ca provient du fichier jquery-ui-1.9.2. Peut tu me dire avec quelle version de jquery tu as testé ( j'ai la 3.2.0 moi)?

Merci

PS : je met bien mes fichiers de script a la fin de mon code pas de soucis pour ca :p

Je pense que en effet que sur la 1.9 la fonction n'était pas implémenté, toujours utiliser les dernière version stable. Regarde dans mon code il-y a le cdn jquery:

Le problème était la -_-.

Merci