Firefox 10 - boutons non-cliquables?

Quelqu'un at-il vu ce comportement:Firefox 10 - boutons non-cliquables?

J'ai deux ou trois boutons HTML utilisés pour conduire un rotateur contenu:

<div id="rotatorControls" class="rotatorControls" runat="server"> 
    <input name="previous" id="previous" type="button" value="&laquo;" /> 
    &nbsp; 
    <input name="next" id="next" type="button" value="&raquo;" /> 
</div>

Les boutons sont activés avec un peu jQuery:

$(document).ready(function() { 
      mcarousel = $("#carouseldiv").msCarousel({ boxClass: 'div.box', height: 100, width: 450 }).data("msCarousel"); 
      //add click event 
      $("#next").click(function() { 
       //calling next method 
       mcarousel.next(); 
      }); 

      $("#previous").click(function() { 
       //calling previous method 
       mcarousel.previous(); 
      }); 
     })

En IE cela fonctionne bien ... dans Chrome et FireFox 10, les boutons ne sont pas cliquables. Lorsque je place le curseur sur les boutons, le curseur ne change pas et les boutons ne se mettent pas en surbrillance comme le font les autres boutons.

Quelqu'un a-t-il déjà vu cela et/ou a-t-il des idées pour résoudre ce problème? J'ai déjà essayé de définir l'index z sur les boutons, et de les sortir du conteneur div (en pensant qu'un élément invisible bloque le clic), mais aucun d'entre eux n'a fonctionné.

Toute aide serait appréciée.

EDIT

J'utilise le plugin mCarousel fourni par Marghoob Suleman (http://www.marghoobsuleman.com/jquery-ms-carousel)

Source

2012-02-08 Tim

afficher un lien d'une page de démonstration ou faire du violon reproduire l'erreur – fcalderan

Êtes-vous sûr que quelque chose ne dépasse pas votre bouton? Quelque chose avec une position: absolue ou un z-index plus élevé ...? Pouvez-vous inspecter le bouton en faisant un clic droit dessus? – FMaz008

Il s'est avéré qu'il y avait un div empilé sur les boutons ... J'ai réussi à le résoudre en définissant des données de positionnement et un attribut z-index. FMaz008, si vous répondez à la question, je la marquerai comme acceptée. – Tim

A une supposition sans le code complet , Je suggère de vérifier les fichiers js pertinents ont chargé correctement pour ce plugin dans Firefox et Chrome. Aussi, il serait intéressant de noter dans la question que c'est via un plugin pas standard jQuery que cette fonctionnalité est de.

Source

2012-02-08 14:07:10 Amalea

Peut-être que vous manquez quelque chose de la mise en œuvre originale:

http://www.marghoobsuleman.com/mywork/jcomponents/carousel/index.html

Par exemple, le boxClass: 'div.box' montrant au mauvais endroit.

Source

2012-02-08 14:19:33

J'ai eu ce même problème hier avec une dernière version de Firefox et j'ai trouvé l'aide sur ce site de Mikey G.

Cette peut aide si vous voulez aller dans cette voie, il a travaillé pour moi sur un problème similaire, également avec un diaporama.

Placez vos fonctions à l'intérieur des boutons:

<input name="next" id="next" type="button" onclick="$mcarousel.next();" value="&raquo;" />

Pardonne-moi si je partais un personnage ou deux, encore assez nouveau.

Il ne semble pas être z-index, j'ai trouvé des infos qui suggère parfois Firefox a des problèmes avec « .cliquez() »

Source

2012-02-08 14:51:45

Firefox 10 - boutons non-cliquables?

Répondre

Questions connexes