javascript - JQuery 在我的 html 文档中不起作用

Question

嗨，我的 html 文档中有一些 Jquery，但它似乎不起作用。我知道代码是正确的，因为它在 JSfiddle 中工作得很好。谁能看出我哪里出了问题吗？

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <meta charset="utf8">

    <script type="text/javascript">

$(function () {
    var addDiv = $('#addinput');
    var i = $('#addinput p').size() + 1;

    $('#addNew').on('click', function () {
        $('<p><input type="text" class="p_new" size="40" name="utensil_descrip' + i + '" value="" placeholder="Utensil Description" /><a href="#" class="remNew">Remove</a> </p>').appendTo(addDiv);
        i++;
        return false;
    });
    $(document).on('click','.remNew', function () {
        if (i > 2) {
            $(this).parents('p').remove();
            i--;
        }
        return false;
    });
});

    </script>

  </head>

Answer 1

如果您在本地运行，则需要将 http: 放入您的 jquery url -

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
              ^-------------------