我想使用 JQuery 打开一个弹出窗口来显示选择的图像。图像被包裹在无序列表中的链接标签中。在某些时候会添加一些导航,所以我认为对话框不合适。这是我到目前为止的代码:
主页:
<script>
$('.ImageManager').click(function (event) {
event.preventDefault();
window.open($(this).attr("href"), "popupWindow", "width=600, height=400, scrollbars=yes");
});
</script>
<a href="/image-manager" class="ImageManager">Add Image</a><br />
<ul id="imagelist">
</ul>
弹出窗口:
<script>
$(function() {
$(".addimage").click(function() {
$("#imagelist", opener.document).append("<li></li>");
return false;
});
});
</script>
<ul>
% for image in images:
<li><a href="" class="addimage"><img src="/static/images/{{ image }}" alt="" /></a></li>
% end
</ul>
我遇到的第一个问题是弹出窗口没有打开,它只是在当前浏览器窗口中打开图像管理器。我在两个页面的头部都引用了 JQuery,它可以与其他 JQuery 代码一起使用。
其次,我尝试使用纯 Javascript 打开有效的弹出窗口,但我无法获得单击的图像链接以将图像文件名附加到打开器窗口,并且弹出窗口之后不会关闭。
如果我可以让弹出窗口正常工作,如何在单击弹出窗口中的图像时传递 {{ image }} 变量(Python Bottle 模板变量)?