Question

我正在尝试从chrome扩展程序的内容脚本启动模式控件。这是模式的HTML：

<!DOCTYPE html>
<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
    </head>
    <body>
        <div id="ex1" class="modal">
            <p>Thanks for clicking. That felt good.</p>
            <a href="#" rel="modal:close">Close</a>
          </div>

          <!-- Link to open the modal -->
          <p><a href="#ex1" rel="modal:open">Open Modal</a></p>
    </body>
</html>

我正在从contentScript.js加载它：

$.get(chrome.extension.getURL('modal.html'), function(data) {

                $($.parseHTML(data)).appendTo('body');
            });

发生的是，在页面的一个角显示了文本“打开模态”，而不是打开模态控件。我已经将modal.html添加到清单文件中的web_accessible_resources下。

从Chrome扩展程序中的内容脚本启动模式

0 个答案: