Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导模式在单击图像时打开_Javascript_Jquery_Html_Css_Modal Dialog - Fatal编程技术网

Javascript 引导模式在单击图像时打开

Javascript 引导模式在单击图像时打开,javascript,jquery,html,css,modal-dialog,Javascript,Jquery,Html,Css,Modal Dialog,当我点击菜单-5_1.png时,应该会弹出下面的模型 <li class="men_5l" ><a id = "pop" href="#"><span><img src="images/menu_5_1.PNG" alt=""></span> <p>Mp3</p></a></li> &时代; 不要等待,现在登录! 电子邮件 密码 名称 先生 太太 夫人

当我点击
菜单-5_1.png
时,应该会弹出下面的模型

        <li class="men_5l" ><a id = "pop" href="#"><span><img src="images/menu_5_1.PNG" alt=""></span> <p>Mp3</p></a></li>
  • 
    &时代;
    不要等待,现在登录!
    
    电子邮件 密码 名称 先生 太太 夫人
    
    $(文档).ready(函数(){
    $(“#pop”)。单击(函数(){
    $('myModal').modal('show');
    });
    });
    
    我认为您在应用程序中遗漏了以下参考库

    演示:

    试试:

    $(document).ready(function () {
      $("ul").on('click','#pop',function () {
        $('#myModal').modal('show'); 
      });
    });
    

    签入浏览器控制台。有什么错误吗?添加了jquery插件?这对我不起作用,你能解释一下吗?@Cola,检查一下这把小提琴。由于http/https引用问题而出错。
    <script type="text/javascript" language="javascript">
    
        $(document).ready(function () {
            $("#pop").click(function () {
                $('#myModal').modal('show'); 
            });
        });
    
    
    
    </script>
    
    $(document).ready(function () {
      $("#pop").click(function () {
        $('#myModal').modal('show'); 
      });
    });
    
    $(document).ready(function () {
      $("ul").on('click','#pop',function () {
        $('#myModal').modal('show'); 
      });
    });