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');
});
});