Javascript点击功能不起作用

Question

我正在尝试编写一个简单的javascript函数，当用户单击按钮时会克隆一些html输入字段，但由于某种原因，单击它时按钮的单击功能未被调用。有什么想法吗？

这是javascript：

<SCRIPT LANGUAGE="JavaScript">
$(document).ready(
    function(){

        $("#default-label").hide();
        $("#default-element").hide();

        var counter = parseInt($("#counter").val());

        $("#addProduct").click(
            function(){

                var product = $('#fieldset-default');
                var newProduct = product.clone(true);
                newProduct.insertAfter(product);
                    document.getElementById("addProduct").innerHTML = 'Add More';
                    $("#counter").val(++counter);
            }
         );
    }
);
</script>

按钮的HTML：

<button id="addProduct" type="button" name="add">Add Product</button>

Answer 1

我认为你错过了jquery插件，包括最新版本的jquery库，如果没有的话。