Dev Faq
7
votes

Obtenir la marge-Gauche avec JQuery ne fonctionne pas dans Firefox

Le code ci-dessous fonctionne bien en chrome mais pas dans Firefox. L'alerte montre une marge appropriée en chrome tout en firefox, il affiche toujours 0px code>.

html: p> xxx pré>

css: p> 

$(function(){
    var center = $('.center').css('margin-left');
    alert(center);
});

3 commentaires

Que fait le spectacle en chrome?

Il montre la valeur de la marge-gauche dans px mais dans Firefox, il est toujours 0PX jsfiddle.net/vtbuz/2 Voir ce violon dans Chrome et Firefox

Veuillez poster votre solution comme une réponse à votre propre question, puis acceptez-la. Cela aide les autres lecteurs et maintient le site une ressource précieuse.

6 Réponses :

0
votes

Changer margin-gauche à marginleft

Démo de travail

0 commentaires
0
votes

Essayez ceci pour définir la marge dans FF: -MOZ-Document URL-PREFIX () {(règles CSS)}

0 commentaires
0
votes

récupération des propriétés du CSS sténovannique (par exemple, marge, arrière-plan, La frontière), bien que fonctionnelle avec certains navigateurs, n'est pas garantie. Par exemple, si vous souhaitez extraire la largeur de bordure rendue, utilisez: $ (elem) .CSS ("Bordertopwidth"), $ (elem) .CSS ("Borderbottomwidth" ), et ainsi de suite sur

http://api.jquerery.com/css/

Vous pouvez essayer xxx

2 commentaires

@Krishnapalsingh a l'air d'avoir travaillé sur Firefox Si vous définissez cette propriété en CSS .. Voir démo -> Jsfiddle.net / VTBUZ / 7

Mais je veux calculer la propriété Center Div Margin-gauche.

0
votes

essayer suivant xxx pré>

si vous souhaitez revenir de la valeur de CSS; Utilisez Paysint () autour du résultat pour la tourner sur la valeur du numéro. P> xxx pré>

solution finale strong> p>

Démo de travail - http://jsfiddle.net/tspinal/zvr6w/1/ p> 

$(function(){
    var center = $('.center').css('marginLeft');
    alert(center);
    var left = ((parseInt($(window).width() - $('.center').width()) / 2)-8 + "px");
    alert(left);
});

5 commentaires

J'essaie d'obtenir la propriété de la marge à gauche à l'aide de JQuery ne veut pas la définir.

Édité ma réponse. J'espère que cela aidera

mec, voir mon code parseint n'abandonne que 0 à la place 0PX. voir le violon

Je l'ai corrigé. Veuillez vérifier le code de démonstration sur jsfiddle. Si vous remarquerez que j'ai ajouté un numéro statique 8 dans le calcul de VAR gauche . Je ne sais pas mais si vous le supprimez, cela donne toujours aux résultats avec la différence de 8. Donc, je viens de le résumer.

Merci pour votre réponse, mais cela a l'air bizarre pour moi, car nous pouvons utiliser le décalage (). La propriété de gauche pour obtenir la même chose. Quoi qu'il en soit, merci pour votre aide ...

3
votes

C'est un bug dans Firefox, alors malheureusement, vous ne pouvez pas le réparer pour le moment.
Firefox retourne 0px au lieu de la sortie souhaitée.

http://bugs.jquerery.com/ticket/11110

https://bugzilla.mozilla.org/show_bug.cgi?id=381328

1 commentaires

Merci de m'avoir mis à jour cela.

6
votes

C'est une solution: xxx

en utilisant ceci, nous pouvons obtenir la position gauche appropriée par rapport au document.

0 commentaires

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier