2010-07-09 8 views
0

Je rencontre un problème étrange et je n'ai rien trouvé à ce sujet. J'utilise la méthode de suppression JQuery sur une ligne de table et pendant qu'il l'enlève, il laisse toujours une petite quantité d'espace où la ligne était. Il est à peine perceptible si je retire seulement une rangée ou deux, mais quand j'enlève plus, vous pouvez certainement le dire. Le CSS de la table est:Rangée de table Toujours occupée Espace après avoir appelé JQuery Supprimer

/*CSS*/ 
#results{margin-top:10px;} 
#results table{width:750px;empty-cells:show;border-collapse:collapse;} 
#results table tr td{cursor:pointer;} 
tr.selected{background-color:#FAFAD2;} 

/*JQuery*/ 
$("#btnRemove").click(function(){ 
    $("#results table tr.selected").remove(); 
}); 

Des suggestions?

+1

J'ai essayé votre code ici http://jsfiddle.net/7qfaq/, et n'a pas vu le problème. – melhosseiny

Répondre

2

Je recommande d'utiliser Firebug, pour inspecter le balisage html avant et après le retrait des incendies pour s'assurer qu'il enlève les éléments que vous attendez.

Deuxièmement, je recommande d'utiliser firebug pour inspecter la table, et son contenu pour voir exactement où le rembourrage et/ou la marge est détraquée. L'utilisation de l'onglet "mise en page" sous la section HTML de Firebug peut vous donner des mesures exactes sur les éléments, y compris le remplissage, la marge, la bordure et la position/offset, ce qui devrait indiquer clairement le problème.

De plus, avez-vous testé dans plusieurs navigateurs?

+1

Je fermais accidentellement toutes mes rangées de table avec un au lieu d'un. J'aurais dû penser à regarder dans firebug plus tôt. Merci! – Jon

Questions connexes