J'ai des problèmes d'utilisation de la fonction de tri de JQuery UI. Le défilement ne semble pas fonctionner.
Si la deuxième liste (les listes sont créées sur les lignes de table dans un Tody et que chaque TODO est connecté) n'est pas visible, je souhaite qu'il soit possible de faire défiler vers elle pour laisser tomber mon Rangée de table.
Ceci est mon fichier HTML configuré: et jQuery code Le tri fonctionne bien, mais le défilement ne fait pas .. Je fais quelque chose de mal ou de quoi? Mise à jour:
J'ai refactore le code pour n'utiliser que des lisitems dans une liste au lieu des rangées de table dans un organe de table. Même problème survient toujours
3 Réponses :
Désolé, je ne peux détecter aucune erreur dans votre code en raison de ma compréhension limitée de la bibliothèque de l'interface utilisateur JQuery. BTW, où est le code pour faire défiler jusqu'à la Div de destination?
Voici une autre façon de marcher autour de ce problème, utilisez un autre plug-in JQuery: Scrollto , à la place.
Pour utiliser, il est simple, une fois que le plugin est chargé, utilisez le code comme suit: Je l'utilise dans mes projets et semble toujours bien avec JQuery 1.4.2 J'espère que cela aide :)
Bien que j'aime vraiment le plugin Scrollto, je ne devrais pas l'utiliser .. L'UI Doc stipule clairement qu'il devrait défiler .. Pourquoi ne le fait-il pas .. :(
Maintenant, j'ai lu quelque part que la fonction / plugin traputable repose sur le sélecteur pour être une liste avec LisTems Init. J'ai réussi à refacturer mon code pour utiliser uniquement des listes et des listitems, mais je ne travaille toujours pas ..
Je viens de tester ma déclaration précédente et ce n'est pas vrai. Le balisage tel que prévu dans la question a fonctionné dans un test env.
Juste une supposition, quel navigateur utilisez-vous? Avez-vous essayé d'autres navigateurs? J'utilisais JQuery Ui l'année dernière, mais quand j'ai mis à niveau mon navigateur sur Firefox 3.6, de petites pièces ne semblent pas juste ... Je me demande si celui-ci de la cohérence des problèmes de la bibliothèque - alors vous ne pouvez vraiment pas faire beaucoup à ce sujet :(
Cela peut ne pas s'appliquer à votre cas, mais je pensais poster ma solution à un problème de balayage avec jQuery triable que j'avais. Je n'utilise pas de div. Pour faire défiler le travail, je devais supprimer cette ligne de ma feuille de style: i Définissez également l'option de "confinement" triable sur "Document" (qui maintenait l'élément d'être glissé à gauche / à droite de la page, qui est aussi ce dont j'avais besoin).
Comme suggéré par Craig, la définition d'une propriété de débordement CSS sur l'élément corporel peut empêcher le défilement de la sorte de fonctionnement. Bien que dans mon cas, c'était débordement-y, pas trop débordant-x qui faisait les dégâts.
Je viens de tomber sur ça. Pourrait être trop tard pour vous, mais pour tous les futurs visiteurs:
avait ce problème et je devais supprimer la ligne suivante de mon CSS: donc je suppose que tout Un type de débordement assigné à la sorte pourrait être le problème.
Travaillé pour moi aussi. Je devais supprimer .table-réactif {Overflow-X: Auto} Ajouté par Bootstrap 3 pour résoudre ce problème.
A également travaillé pour moi ... a dû supprimer div # wrapper {débordement: auto; } et maintenant ça marche comme un charme :)