克隆带有内容的div不会以某种方式工作

时间:2013-02-10 22:39:39

标签: javascript jquery

我有另一个div它可以使用这个js代码,但不知何故,这个没有。谁能告诉我为什么它不起作用?

$(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;
    });
});

第一个功能对我有用,但最后一个没有。

现场演示:http://jsfiddle.net/rEUPx/

1 个答案:

答案 0 :(得分:-1)

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

http://jsfiddle.net/rEUPx/4/

var a = '<a href="#">CLICK</a>'; // will result in an error

var a = "<a href='#'>CLICK</a>"; // is correct