Question

代码有什么问题？我确定js文件的路径是正确的。我认为这是代码。它没有显示插入的段落..

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Embedded Script</title>
        <meta charset="utf-8"/>
    </head>
    <body>
        <h1>Embedded Script Example</h1>
        <script type="text/javascript" charset="utf-8" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" charset="utf-8">

        $(document).ready(function(){
            $("h1").after("<p>I've just inserted a paragraph</p>");
        });
        </script>
    </body>
</html>

Answer 1

你的路径一定是错的，或者你的jQuery库有点腐败。我复制了您的代码，将jQuery路径更改为jquery.com上的最新代码，并将页面上传到http://www.apsillers.com/inline.html。使用Ctrl+U查看来源以验证它与您的相同。（我会使用小提琴，但我认为它不允许使用内联脚本。）

这证明你的问题是由于无法正确加载jQuery库。检查错误控制台，并验证jQuery是否是JS控制台中的现有对象。

Answer 2

$("<p>I've just inserted a paragraph</p>").insertAfter("h1");

JQuery Beginner .after不起作用

2 个答案: