克隆與內容的div不知何故

Question

我有另一個div它在這個JS代碼的工作，但不知何故與這一個它does not。誰能告訴我爲什麼它不起作用？

$(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/

Answer 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