Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 克隆包含内容的div不知何故不起作用_Javascript_Jquery - Fatal编程技术网

Javascript 克隆包含内容的div不知何故不起作用

Javascript 克隆包含内容的div不知何故不起作用,javascript,jquery,Javascript,Jquery,我有另一个div,它可以处理这个js代码,但不知怎么的,这个div却不能。有人能告诉我为什么它不起作用吗 $(function () { var $scntDiv = $('#parts'); var i = $('#parts input').size()-1; $('#addField').on('click', function () { var part = '<div id="parts' + i + '"><span>

我有另一个div,它可以处理这个js代码,但不知怎么的,这个div却不能。有人能告诉我为什么它不起作用吗

$(function () {
    var $scntDiv = $('#parts');
    var i = $('#parts input').size()-1;

    $('#addField').on('click', function () {
        var part = '<div id="parts' + i + '"><span>Part</span> <input type="text" id="auto_part' + i + '" name="auto_part' + i + '" /><br/>' +
            '<span>Description</span> <textarea type="text" id="auto_description' + i + '" name="auto_description' + i + '"></textarea> <br />' +
            '<a href="#" class="removefield">Remove</a></div>';
        $scntDiv.after(part);
        $("#row_count").val(i);
        i++;
        return false;
    });

    $(document).on("click", ".removefield", function () {
        if (i > 2) {
            $("#row_count").val(i-2);
            $(this).parent('div').remove();
            i--;
        }
        return false;
    });
});

$(function () {
    var $scntDiv = $('.brands');
    var i = $('.brands select').size()-1;

    $('#addBrand').on('click', function () {
        var brand = "<div class='brands'><span>Brands</span><br />"+
            '<select>'+
                '<option>Audi</option>'+
                '<option>BMW</option>'+
                '<option>Mercedes</option>'+
            '</select>'+
        '</div>';
        $scntDiv.after(brand);
        $("#countBrand").val(i);
        i++;
        return false;
    });

    $(document).on("click", ".removeBrand", function () {
        if (i > 2) {
            $("#countBrand").val(i-2);
            $(this).parent('div').remove();
            i--;
        }
        return false;
    });
});
第一个函数对我有效,但最后一个不起作用


实时演示:

两件事,您必须将jQuery添加到页面中,并用单引号替换js字符串的内部双引号,并使外部双引号

变量a=;//将导致错误


变量a=;//是正确的

您的演示jQuery小姐。您在上一个问题上这样做了。您没有加载jQuery。我告诉过你,你删除了你的问题。所以我要再次告诉您,您需要先加载jQuery,然后才能使用它。它并非无所不在。它是一个代码库,如果不存在,它就没有用处。从左边的菜单中选择一个jQuery选项。我今天没有票数,但这应该因为太本地化而关闭。学习如何使用JSFIDLE。我自己的脚本中确实包含了jqeury,但它在那里仍然不起作用,而其他jquery的东西却起作用work@Sinan:那么小提琴的工作原理与您预期的一样,但您的代码却不一样?你从来没有正确地解释过你的问题。因为我们对您的实际代码一无所知,所以我们无法真正帮助您。如果fiddle像你期望的那样工作,请确保你在实际代码中有相同的代码。谢谢,这一条确实有帮助,不像我在问题上的评论:Plol,但他们是对的!你没有正确地使用小提琴:那只是一个语法错误,没有什么是不正确的。与相同。两者都是正确的。你为什么说这是一个语法错误?这是OP的代码,只包含jQuery,它工作得非常好:。@Sinan:所以你觉得虚构的东西更有用?您犯的唯一错误是没有包括jQuery,这在评论中已经指出。你还期待什么?哈哈,它不起作用了,我刚才注意到了,我还在用它。我的脚本中包括了jquery,当然我还以为jsfiddle包含了它。但是是的,这对我来说仍然不起作用。那么他的JSFIDLE是如何工作的呢。。