9
votes

JQuery Cliquez sur l'événement d'une DIV dans l'élément LI non tiré dans la safari mobile

corrigé: enfin, je génère des éléments directement au lieu d'être rendu par jQuery.

mise à jour2: il semble clair sur le vrai problème. J'ai fait quelques tests, un seul tiré que je insère un lien dedans. mais je ne veux pas lier tout l'élément Li, mais un élément div dans un LI. p>

Mise à jour: J'ai fait des modifications sur les positions des divs, cela fonctionne à Android maintenant mais Safari mobile Même tous les éléments de UL liste. p>

Les travaux suivants dans le bureau Safari et chrome, mais pas leurs versions mobiles. Des idées? P>

JS: H3>
#SubCategories .likeRibbon
{
    border-style: solid none solid none;
    border-width: 1px 0px 1px 0px;
    border-color: #565656;
    background-color: #565656;
    color: #333;
    text-shadow: 0 1px 0 #777, 0 -1px 0 black;
    line-height: 1;
    padding: 2px 0 5px 0;
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    text-align: center;
    vertical-align: baseline;
    position: absolute;
    width: 100px;
    right: -35px;
    bottom: 5px;
}


5 commentaires

Les divs sont-ils tournés lorsque la page se charge dans le navigateur mobile? Avant tout clic, je veux dire.


Désolé Mate, je ne pense pas que cela soit pertinent pour la rotation après avoir changé de changement, veuillez consulter les informations mises à jour ci-dessus, merci.


@William, dans quel cas vous lierez l'événement de clic à divs?


Je le lie "$ ('# Menulist'). Live (" pageInit ", fonction (événement)".


@William, veuillez sélectionner la bonne réponse. Je suis confus que pour toutes les réponses que vous êtes commentés comme bon !! Ou si vous avez un autre anwser, veuillez le poster. - Merci.


3 Réponses :


0
votes

Je pense que c'est lié à la façon dont vous liez l'événement de clic car il fonctionne dans le navigateur de bureau, mais cela ne doit pas dans les navigateurs mobiles.

Dois-tu envelopper votre code dans la page "
jQuery Mobile Events P>

<script type="text/javascript">
 $("#pageID").live('pageinit', function() {
   // do something here...
 });
</script>


2 commentaires

@William, veuillez sélectionner la bonne réponse. Je suis confus que pour toutes les réponses que vous êtes commentés comme bon !!


Désolé @smilyface, ces problèmes sont trop âgés pour que je me souvienne, si vous créez un nouveau billet, je vais regarder cela.



16
votes

Ajouter un attribut OnClick vide à l'élément:

<ul id="SubCategories">
      <li id="st2" >          
       <div onclick="" class="likeRibbon">Like?</div>
      </li>
</ul>


5 commentaires

La suggestion d'ajouter curseur: le pointeur de ce billet est assez intéressant.


Cela semble étrange que iOS safari a besoin onclick = "" Attribut. Est-ce que le curseur: suggestion du pointeur fonctionne? C'est pour moi: /


@Adgezaza Je n'ai pas beaucoup testé, mais j'ai utilisé le contournement du curseur avec succès.


J'ai lu le billet. J'ai doute que l'endroit où nous devons ajouter le curseur: pointeur? Est-ce dans la classe Hover ou classe normale?


J'ai eu ce problème dans le navigateur Android et cette solution a fonctionné pour moi. Merci



0
votes

pour iOS, il suffit d'ajouter xxx

dans le CSS pour cette classe ou cette pièce d'identité. Cela corrige le problème.


0 commentaires