Question

我需要打开一个以屏幕为中心的弹出窗口。 The approach in this article运作良好，但是链接/按钮上没有onclick属性。

我创建了this JS Fiddle，有人可以帮我把两者结合起来吗？

// find elements
var button = $("button")
// handle click
button.on("click", function(){
    var left  = ($(window).width()/2)-(500/2),
    top   = ($(window).height()/2)-(700/2),
    popup = window.open ("https://apple.com", "popup", "width=500, height=700, top="+top+", left="+left);
})

Answer 1

您的代码可以正常工作。请注意，示例中的$（window）指向结果iframe。

在jsfiddle上，无法从iframe内计算整个窗口的大小，因为它在另一个域（jsfiddle.net与fiddle.jshell.net）上。检出CORS。

查看此embedded result of your code。

// find elements
var button = $("button")
// handle click
button.on("click", function(){
    var left  = ($(window).width()/2)-(500/2),
    top   = ($(window).height()/2)-(700/2),
    popup = window.open ("https://apple.com", "popup", "width=500, height=700, top="+top+", left="+left);
});

Javascript居中弹出

1 个答案: