Question

我会谎言实现一个打开弹出窗口的功能。在这种情况下，对话框和灯箱的实现失败了。我页面上的链接和内容是通过JS和PHP创建的。它创建一个包含结果的表，每个结果都有一个链接来查看所有详细信息。我无法实现Jquery插件，我很乐意为此提供任何帮助。这是一个功能，我想从中打开一个新的花哨弹出窗口 - ＆gt;不是浏览器页面或标签!!所以应该更换windo.open。有什么想法??

    function showCourse(code)
{
    //alert(1)
    $.ajax({
        async:false,
        type: "POST",
        url: 'formPostsUser.php?reqtype=getCourse',
        data:'coursecode='+ code,
        success: function(data) 
        {
            window.open (url,"mywindow","menubar=1,resizable=1,width=350,height=250");
        }
    });

}

感谢任何提示亚历

Answer 1

您无法确保它不会打开到选项卡中，但大多数浏览器会识别具有width和height属性的弹出窗口。如果目标“mywindow”已经存在，window.open应该可以工作。您是否尝试过定位_blank？

[编辑] 灯箱效果并不难实现。在您的成功功能中，只需创建一个空的div作为您的灯箱。然后在div中添加收到的数据，并使用效果显示您的灯箱。

success: function(data)
{   
    $('body').add('div#lightbox')
             .append(data)
             .animate({width: "350px", height:"250px"}, 1500);
}

默认情况下，只需隐藏灯箱div，然后使用animate函数或jQuery具有的任何其他效果来更改其样式。而且你还必须将div设置为你想要的位置（绝对/静态）。

javascript fancey弹出窗口外部页面

1 个答案: