我使用JQuery对话框打开包含图像的弹出窗口
<script type="text/javascript">
jQuery(document).ready( function(){
jQuery("#btnAddWidget").click( showDialog );
$myWindow = jQuery('#widgetDialog');
$myWindow.dialog({ height: 350,
width: 400,
modal: true,
position: 'center',
autoOpen:false,
title:'Add Widget',
overlay: { opacity: 0.5, background: 'black'}
});
}
);
var showDialog = function() {
$myWindow.show();
$myWindow.dialog("open");
}
var closeDialog = function() {
$myWindow.dialog("close");
}
</script>
在对话框中
<div class="headerlinks">
<input id="btnAddWidget" name="addWidget" value="Add Widget" type="button" />
<div id="widgetDialog" style="display:none">
<img border="0" id="imgRMS" src="sample.jpg" />
<input id="btnAddToDashboard" name="addToDashboard" value="Add To Dashboard" type="button" />
</div>
</div>
在父页面
<div id="dashboard" class="dashboard">
<div id="w1" class="column"></div>
</div>
点击“添加到仪表板”,我希望将图像放在父页面的相应div w1
中。
任何人都可以就此提出建议.. ???
答案 0 :(得分:1)
$("#btnAddToDashboard").click(function(e){
$("#w1").append($("<img>").attr("src",$(this).prev().attr("src")));
});
<强> Fiddle 强>