JQuery不能在我的html文档中工作

时间:2013-12-01 18:48:04

标签: javascript jquery html

您好我的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>

1 个答案:

答案 0 :(得分:3)

如果您在本地运行,则需要将http:放入您的jquery网址 -

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