代码可在JSFiddle上运行，但是在本地保存时不起作用[重复]

Question

这个问题已经在这里有了答案：

• 代码无法在jsFiddle之外工作 2答案

我正在尝试接受用户的输入并将其显示为列表。 值得庆幸的是，已经有人在JSFiddle上找到了它。 该代码在这里工作正常，但是当我将其移动到本地时，它无法正常工作。 当我输入文字时，什么也没有发生。 我在这里遇到了类似的问题，但仍然无法正常工作。

如果发现错误，请提出建议。 谢谢。

<!DOCTYPE HTML>
<html>
    <head>     
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

        <title>List maker</title>
        <style>
            a {
                margin-left: 20px;
                color: maroon;
                text-decoration: none;
                font-weight: bold;
            }
        </style>

        <script>
            $('form').submit(function () {
                if ($('input').val() !== '') {
                    var input_value = $('input').val();
                    $('ul').append('<li>' + input_value + '<a href="">x</a></li>');
            };
                $('input').val('');
                return true;
            });

            $(document).on('click', 'a', function (e) {
                e.preventDefault();
                $(this).parent().remove();
            });
        </script>
    </head>

    <body>
        <form>
            <label>Enter info and press enter</label>
            <input type="text" />
        </form>
        <ul></ul>
    </body>
</html> 

Answer 1

由于您的jquery代码位于html之前，因此我认为将其放入$(document).ready() {}或将其移到body的末尾将使其再次起作用。