-2

我有另一个 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/

4

1 回答 1

-1

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

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

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

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

于 2013-02-10T22:59:12.753 回答