Question

我的代码在我网站的计算机上运行良好。这里的目的是防止用户点击它时隐藏下拉列表。实际上，有一个表单可以在此下拉列表中连接到用户的个人空间，因此用户需要单击输入字段。

我一直在寻找解决方案几个小时，我无法弄清楚错误。我认为移动设备上的浏览器并没有抓住这个事件，但我没有找到任何替代它的东西。

以下是阻止隐藏的html下拉列表：

          <ul id="dropdown2" class="dropdown-content list_acc_drop s12">

        <li id="header_co_first" class="header_co">

        <div class="row">

            <div class="col s10 offset-s1">

              <h5 class="light-green-text text-darken-2">Connectez-vous</h5>

            </div>

          </div>

        </li>

        <form method="post" action="dashboard/Controleur/CONT_cnx.php" class="black-text">

        <li class="header_co"><div class="row">


          <div class="col s1">

            <i class="material-icons prefix icon_nav">person_outline</i>

          </div>
          <div class="col s9 offset-s1">

            <input placeholder="Utilisateur" id="user" type="text" class="validate in_co" name="user">

          </div>
        </div></li>

        <li class="header_co"><div class="row">
          <div class="col s1">

            <i class="material-icons prefix icon_nav">https</i>

          </div>
          <div class="col s9 offset-s1">

            <input placeholder="Mot de passe" id="passwd" type="password" class="validate in_co" name="passwd">

          </div>
        </div></li>


        <div class="row">
          <div class="col s6 offset-s3">

         <button id="btn_co" class="btn waves-effect waves-light" type="submit" name="action">Connexion
         <i id="icon_co" class="material-icons right">send</i>
         </button>

        </div>
      </div>

      </form>

      </ul>

这是执行它的js代码：

    $("#dropdown2").click(function(event){
        event.stopPropagation();
    });

这就是它，我试图让它在移动设备上运行。如果你能帮助我，请提前致谢：）。

（PS：我已经看过其他帖子，但没找到我需要的东西）

event.stopPropagation（）;在具有Materialise下拉列表的移动设备上？

0 个答案: