2013-07-22 5 views
0

MISE À JOURjQuery UI - Sortable vole depuis haut

  • inclus quelques exemples de code et des captures d'écran

  • Problème que se produit dans Chrome et Chrome, pas Firefox

En survolant et en cliquant sur une ligne triable

enter image description here

quelques millisecondes de déplacement de la souris (ligne en faisant glisser), la même rangée "mouches dans" du haut

enter image description here

Je rencontre un très impair problème avec jquery UI sortables tout en utilisant Twitter Bootstrap et une table.

J'ai rendu les lignes de table au sein de tbody triable afin que l'utilisateur puisse modifier l'ordre des lignes. Cependant, pendant que le tri et la suppression fonctionnent, lorsque vous cliquez sur la ligne, sourisz et que vous la faites glisser vers une autre position, la ligne semble d'abord "voler" par le haut, plutôt que d'origine à l'écran.

Bien que cela puisse sembler nouveau au début, il vieillit assez rapidement et est clairement un grand.

Je n'ai jamais vu ce problème auparavant et je me demandais si quelqu'un d'autre a une expérience. J'utilise également Fuel UX's Wizard, et je ne sais pas si c'est le problème. J'ai supprimé le CSS pour Fuel UX et le problème persiste.

J'utilise aussi jqueryUI bootstrap, mais il semble que cette CSS n'a rien à voir avec ça non plus.

JS

function sorttable (ID) { var mytable = $('#' + ID) mytable.find('tbody').sortable({ update: function(){ updateorder() } }) }

HTML

<table id="ID"> 
    <thead> 
     <tr> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
     </tr> 
    </tbody> 
</table> 
+0

difficile à dire sans voir du code .. –

+0

J'avais ajouté une capture d'écran et du pseudo code. – snakesNbronies

Répondre

0

Retrait de la CSS ne supprimera pas la question, à moins que tout était fait avec CSS transforme. Publier le code réel quelque part serait idéal, car nous pourrions jeter un coup d'œil et aider à identifier le vrai problème. Le problème persiste-t-il si vous supprimez entièrement l'assistant FuelUX de la page?