2013-08-21 1 views
1
$('.editable').editable('/echo/html/', { 
    callback: function (value) { 
     $(this).data('bgcolor', $(this).css('background-color')); 
     if (value == this.revert) { 
      $(this).animate({ 
       color: "red" 
      }, 400); 
      $(this).animate({ 
       backgroundColor: $(this).data('bgcolor'), 
       color: "black" 
      }, 400); 
     } else { 
      $(this).animate({ 
       color: '#91c83e' 
      }, 400); 
      $(this).animate({ 
       backgroundColor: $(this).data('bgcolor'), 
       color: "black" 
      }, 600); 
     } 
    }, 
    name: 'value', 
    width: '50px', 
    height: '16px', 
    onblur: 'submit' 
}); 

http://jsfiddle.net/qrA6y/1/Jeditable numéro de vol stationnaire css

J'ai un problème de css avec Jeditable, lorsque je sélectionne et la boîte est affichée, et quand je désélectionné (donc retourner la boîte d'entrée de retour à <tr>, il fixe la Par exemple, si vous désélectionnez la zone de saisie en sélectionnant un autre endroit sur la même ligne (en gardant la ligne surlignée en jaune), puis en éloignant la souris, l'arrière-plan reste jaune. Retour au début | De la même manière, si vous désélectionnez la case d'entrée en sélectionnant OFF la ligne, l'arrière-plan devient blanc et lorsque vous revenez sur la ligne, la couleur du survol ne fonctionne plus.

Répondre

0

juste essayer d'ajouter le vol stationnaire dans le style css, quelque chose comme ceci:

<style> 
.editable:hover { #91c83e; } 
</style>