2017-09-16 4 views
0

Menu déroulant téléphone mobile ne fonctionne pas

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<div class="dropdown"> 
 
    <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
 
     Dropdown 
 
     <span class="caret"></span> 
 
    </a> 
 
    <ul class="dropdown-menu dropdown-messages"> 
 
    <li><a href="profile"><i class=ti-user></i>&nbsp; Profile</a></li> 
 
    <li><a href="logoutGeneral"><i class=ti-layout-sidebar-left></i>&nbsp; Logout</a></li> 
 
    </ul> 
 
</div>

<ul class="dropdown-menu dropdown-messages"></ul> 

j'utilise la classe ci-dessus avec

<ul class="dropdown-menu dropdown-messages"> 
<li><a href="profile"><i class=ti-user></i>&nbsp; Profile</a></li> 
<li><a href="logoutGeneral"><i class=ti-layout-sidebar-left></i>&nbsp; Logout</a></li> 
</ul> 

ce code bien sûr fonctionne très bien sur les navigateurs d'ordinateur, mais si je tente de faire la même chose avec mon téléphone portable ça ne marche pas, comment puis-je résoudre ce problème?

+0

Que voulez-vous dire par «ne fonctionne pas»? Pouvez-vous créer un extrait – sol

+0

Lorsque je clique sur un élément de la liste déroulante, il ne me redirige pas si j'utilise mon téléphone portable, il ferme uniquement la liste déroulante –

+0

Que se passe-t-il sur mobile lorsque vous cliquez sur le lien? Vous pouvez obtenir plus d'aide avec un extrait plus complet – sol

Répondre

0

J'ai le même problème il y a quelque temps. La solution est simple, essayez de changer la hiérarchie du HTML.

Insérez simplement dropdown-menu ci-dessus dropdown comme ceci:

<div class="dropdown"> 
 

 
    <ul class="dropdown-menu dropdown-messages"> 
 
    <li><a href="profile"><i class=ti-user></i>&nbsp; Profile</a></li> 
 
    <li><a href="logoutGeneral"><i class=ti-layout-sidebar-left></i>&nbsp; Logout</a></li> 
 
    </ul> 
 
    <a class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
 
     Dropdown 
 
     <span class="caret"></span> 
 
    </a> 
 

 
</div>

devrait fonctionner.