jquery 3.5.1 移动 css 格式未显示在使用 vs 代码的实时服务器预览中

Question

我正在尝试使用 jquery css 样式表，但我似乎无法让它格式化任何东西。 我在 VSCode 中使用实时预览扩展，css 来自 jquery 网站。

<!DOCTYPE html>
<html>

<head>
    <title>Physics Simulator App</title>
    <link rel="stylesheet" href="css\jquery.mobile-1.4.5.min.css">
    <script src="scripts\jquery-3.5.1.min.js">  </script>
    <script src="scripts\jquery.mobile-1.4.5.min.js">  </script>
    <script type='text/javascript' src='scripts\Week 2 homework.js'>  </script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
    <div data-role="page">
        <div data-role="navbar">
            <ul>
                <li><a href="week 1 homework.html"> Information</a> </li>
                <li><a href="Week 2 App.html" class="ui-btn-active ui-state-persist"> Interface</a> </li>
            </ul>
        </div>
        <div data-role="header">Binary Operators Demo</div>
        <div data-role="content">
            <label for="input">A</label>
            <input type="checkbox" name="inputA" id="inputA">
            <br />
            <label for="input">B</label>
            <input type="checkbox" name="inputB" id="inputB">
            <br />
            <button onclick="AND();">AND</button>
            <button onclick="OR();">OR</button>
            <button onclick="NOT();">NOT</button>
            <button onclick="XOR();">XOR</button>
        </div>
        <table id="data">
            <tr>
                <td>Result: </td>
                <td id="resultA"></td>

            </tr>
        </table>
        <div data-role="footer">
            <small>binary operations demo app</small>
        </div>
    </div>
</body>

</html>

我认为我在括号方面没有遗漏任何东西，并且文件路径适用于我自己的 css 文件。 我已经尝试将 'data-theme="a"' 添加到我的页括号中，但是 nada. 我只是明白这个。 结果

是版本问题还是？

Answer 1

朋友，我可能误会了你英语不好。 但据我了解，您的问题是 jquery.mobile.css？ 尝试使用 CDN。 我复制了你的代码并用 CDN 替换了它（我没有找到这个 Week 2 homework.js）。 将替换为 CDN 并进行此测试：插入此代码块：

        <div class = "ui-grid-d">
            <div class = "ui-block-a">
                <a href="#" class="ui-btn ui-corner-all ui-shadow"> button </a> <br>
                <span> any info </span>
            </div>
        </div>

它使用 jquery.mobile.css 的样式，如果它有效，问题可能出在您导入的文件中。 两个小技巧，在文件名，避免空间（2周，也可能是Week_2_homework），并在<label for = "">不点“ input ”，点你给的名字input或ID。 如果我对您的问题有误，请回答我会尽力帮助您。 问候

jquery 3.5.1 移动 css 格式未显示在使用 vs 代码的实时服务器预览中

问题描述

1 个解决方案

解决方案1
0 2020-10-12 01:46:15

jquery 3.5.1 移动 css 格式未显示在使用 vs 代码的实时服务器预览中

问题描述

1 个解决方案

解决方案1 0 2020-10-12 01:46:15

解决方案1
0 2020-10-12 01:46:15