对话框小部件-如何弹出点击图像
Dialog Widget- How to pop up clicked image?
我使用JQuery-Dialog Widget。我想显示在弹出式点击图像。但是我的代码,它不能做到,因为我是第一次使用这个小部件。下面是我的代码
<html>
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
</head>
<body>
<ul>
<li id="child"><img src="images/child1/image.jpg" /></li>
</ul>
<script>
$('li[id="child"]').dialog({autoOpen: false});
$('li[id="child"]').click(function() {
$('li[id="child"]').dialog("open");
});
</script>
</body>
</html>
我需要打开被点击的元素的对话框
可以了
现场演示
$(function(){
$("body").append('<div id="dialog"/>')
$("#dialog").dialog({
height:400, width:500, modal: true, autoOpen:false
});
$('#child > img').on('click', function() {
$("#dialog").html($('<img />', {src:this.src}));
$("#dialog").dialog("open");
});
});
尝试:
<script>
$(function(){
$('#child > img').on('click', function() {
$(this).dialog('open');
});
$('#child > img').dialog({autoOpen: false});
});
</script>
相关文章:
- 选择某个列表项时弹出的图像-javascript
- 使用引导模式弹出的图像
- Javascript 帮助 - 添加指向在身体加载时弹出的图像的链接
- HTML5 画布 - 我的线条/弧线没有出现在图像顶部
- Canvas toDataURL() 给出空白图像
- Yui imagecropper 出现在图像下方
- String.fromCharCode(e.which)没有'我认不出点和逗号
- 在浏览器中加载浮点图像,并将其用作WebGL中的纹理
- 弹出窗口图像链接和css文件
- Jquery中弹出的图像的边距变化量由什么决定
- jQuery移动弹出点击一个li元素
- 旋转图像并使文本稍后出现在图像上
- 悬停时弹出HTML图像
- 链接或按钮鼠标悬停弹出框/图像位置更改
- 如何找出点击事件在画布,动态js
- 弹出点击事件不工作
- 如何找出哪个图像在一个我的变量被分配给
- 如何打开fanybox弹出视图图像外的iframe有一个图片库在php
- 弹出的图像时,点击类似tumblr
- 对话框小部件-如何弹出点击图像