Question

我有一个显示JQuery UI按钮的弹出窗口，当我点击扩展图标并弹出显示时，它有没有应用主题的按钮，但是如果我在弹出页面上检查并再次点击它显示正确，好像我定期点击时不会加载资源。有什么想法吗？

popup.html

<html>
<head>
    <link rel="stylesheet" href="../content/themes/base/jquery-ui.css">
    <script type="text/javascript" src="../scripts/jquery-3.3.1.js" charset="UTF-8"></script>
    <script type="text/javascript" src="../scripts/jquery-ui.js" charset="UTF-8"></script>
    <style></style>
</head>
<body>
<div>
    <a id="btn" class="ui-button ui-widget ui-corner-all" href="#">Button</a>
</div>
    <script type="text/javascript" src="../options/options.js" charset="UTF-8"></script>
</body>
</html>

options.js

$("#btn").button();
$("#btn").click(function (event) {
    event.preventDefault();
    console.log("Button clicked");
});

Answer 1

正如Ilia在上面的评论中所指出的，显然有一些特定的字符串和扩展api的细节，但是当我明确地为css指定字符集时它起作用

<link rel="stylesheet" href="../content/themes/base/jquery-ui.css" charset="UTF-8">

感谢Ilia

Chrome扩展程序弹出窗口无法加载资源

1 个答案: