Javascript 引导下拉列表和Jquery单击功能

当有人点击我下拉列表中的一个元素时，我正试图做出一个动作

我不明白为什么，点击功能不起作用

我的html代码：

<div class="row">
                <div class="dropdown col-lg-12">
                    <button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="true">
                        Veuillez sélectionner la manière dont vous souhaitez nous contacter
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                        <li><a href="#" id="callback">Etre rappelé</a></li>
                        <li><a href="#" id="sendMail">Envoyer un message</a></li>
                    </ul>
                </div>
            </div>

它永远不会进入点击功能

---

谢谢

看起来您的javascript代码是在这些元素存在之前执行的

我建议你这样试试

  $(function(){ // Wait until you have all html printed
       var phoneForm = $("#phoneForm");
       console.log($("#callback"));
       console.log($("#phoneForm").hasClass("hidden"));
       $("#callback").click(function(){
          console.log("entre dans la fonction click");
          if(phoneForm.hasClass("hidden")){
             console.log("entre dans le if");
             phoneForm.removeClass("hidden");
          }
       });
   });

---

使用1.9.1以上的JQuery版本 使用以下代码

$（function（）{//请等待，直到您打印完所有html
var phoneForm=$（“#phoneForm”）；
log（$（“#回调”）；
console.log（$（“#phoneForm”）.hasClass（“隐藏”）；
$（“#回调”）。单击（函数（）{
日志（“entre dans la fonction click”）；
if（phoneForm.hasClass（“隐藏”））{
控制台日志（“entre dans le if”）；
removeClass（“隐藏”）；
}
});
});
您是否将此代码放入
$（函数（）{/*code here*/}）
或
$（文档）。准备好了（函数（）{/*code here*/}）
？谢谢。这就是问题所在，我没有等到装货结束。我有这个函数：jQuery（window）.load（afterLoad）；
  $(function(){ // Wait until you have all html printed
       var phoneForm = $("#phoneForm");
       console.log($("#callback"));
       console.log($("#phoneForm").hasClass("hidden"));
       $("#callback").click(function(){
          console.log("entre dans la fonction click");
          if(phoneForm.hasClass("hidden")){
             console.log("entre dans le if");
             phoneForm.removeClass("hidden");
          }
       });
   });