Question

我正在制作Chrome扩展程序，我想在某个事件发生后在当前标签窗口的中央显示一个jQuery对话框。该对话框基于正确的事件显示，但它出现在扩展弹出窗口中，而不是在实际网页中（如alert（）的方式）。

如何更改显示位置？使用＆＃34;位置＆＃34;只是改变了它在弹出窗口中的位置，我似乎无法根据网页获取它。

popup.js

$(document).ready(function() {
    $( "#dialog" ).dialog({ 
        autoOpen: false,
    });
    $( "#opener" ).click(function() {
        $( "#dialog" ).dialog( "open" );
    });
});

popup.html

<html>
<head>
    <link rel="stylesheet" href="jquery-ui.css">
    <title>Button Popup</title>
    <style>
    html{
        width:400px;
        height:300px;
    }
    body{
        width:400px;
        height:300px;
    }
</style>    
</head>
<body>    
    <p> Example dialog from jquery</p>  
    <div>
        <button id="opener">open the dialog</button>
    </div> 
    <div id="dialog" title="Dialog Title">I'm a dialog</div>
    <script src = "jquery-3.2.1.js"></script>
    <script src = "jquery-ui.js"></script>
    <script src="popup.js"></script>
</body>
</html>

修改

实际上这个问题不仅仅是对话框。仅针对弹出窗口中的文本实现jQuery UI主题具有类似的问题，其中内容似乎卡在弹出窗口中。 UI由弹出窗口的硬编码高度/宽度静态封闭，但我希望它在没有白色边框的情况下显示，而不依赖于手动指定尺寸。我错过了什么？

Popup using jQuery theme

更改jQuery对话框位置Chrome扩展程序

0 个答案: