J'ai un problème avec la fonction jquery show dans firefox.Jquery .show() ne fonctionne pas dans firefox
Situation: J'ai chargé une iframe avec une page ASPX dans un popup (fancybox). Dans cette page aspx, j'ai un bouton avec un événement onclick qui appelle une fonction personnalisée et dans cette fonction, il déclenche la fonction .show() sur un div. Cette div a un élément de style qui contient: display: none ;.
Cela fonctionne dans IE, safari, chrome. Cela fonctionne même dans Firefox quand je charge la page aspx autonome. Il ne fonctionne pas dans Firefox dans le popup fancybox-iframe. Je n'ai pas d'erreurs javascript. Même l'affichage: none est supprimé de l'attribut style, mais le div n'apparaît pas.
Le code HTML de la page
<div class="popupWrapper">
..some elements
<div id="psharebutton" style="display:none;">
..content of the div
</div>
</div>
Le code javascript:
function dolinkedin(url, title, summary, source) {
$(".smbutton").addClass("buttonDisabled");
$("#linklinkedin").removeClass("buttonDisabled");
$("#psharebutton").show();
parent.sizeFancybox();
}
Le bouton où est déclenché le menu contextuel, est un point d'ancrage, qui a la classe fancyboxiframe. Fancybox générera automatiquement le code js pour afficher le popup.
J'ai vérifié ces sujets:
- Jquery Hide/Show not working in Firefox Only?
- Jquery hide/show not working in Firefox/Chrome
- Jquery .show() and .hide() or even .css({"display":"none"}); not working in firefox?
J'ai vérifié si mon code HTML est valide et il est.
Une idée?
BHD
avez-vous essayé $ ("# psharebutton"). Toggle(); ? –
Je n'ai plus le code te reproduire :(Désolé pour ça –