时间戳

首页 > 解决方案 > 脚本仅适用于控制台

javascript - 脚本仅适用于控制台

问题描述

我最近开始学习 jQuery，所以我有一些练习要做。这是关于通过单击页面元素来显示消息的。这是代码：

var $caption = $('caption');

$caption.on('click', function(event) {

    $(' <td>Wp it worked</td>').insertAfter('tr');

});
<!DOCTYPE html>

    <html>

        <head>

            <title>Happy Birthday !</title>

            <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

            <script type="text/javascript" src="js/script.js"></script>

            <link rel="stylesheet" type="text/css" href="css/style.css">

            <meta charset="utf-8">

        </head>

        <body>

                <table>

                    <caption>Click here</caption>

                        <tr>

 

                        </tr>

                </table>

        </body>

    </html>

所以问题是它不起作用。当我在控制台中编写脚本时，它可以完美运行，但是对于 js 文件，它基本上不会。所以我知道这不是文件夹的问题，因为当我放类似 alert('test'); 的东西时 在 js 文件中它可以工作。有人知道为什么吗？

标签： javascriptjquery

解决方案

它在片段中工作，但是你可以试试这个。

$(document).ready(function () {
        var $caption = $('caption');

        $caption.on('click', function (event) {

            $(' <td>Wp it worked</td>').insertAfter('tr');

        });
    });

推荐阅读