Jquery .append 语法

Question

我有一个 Coldfusion 网站，其中包含 10000 多种产品。如果我使用普通的 cfquery 加载具有超过 1000 条记录的特定 sub_cat_id 的产品，则页面需要永远加载并减慢速度，因此我使用 JSON 格式返回结果。我遇到的问题是将返回的结果 append 到页面上的特定 div 中。我知道某处存在语法错误，但我想知道在使用追加函数时如何以及何时使用“”或+。这是我的 append 函数代码:

// Read the products
$.ajax({
url: "js/gtprod.cfm?filter=brand&brand_id=115",
dataType: "json",
success: function(data) {
  var row, sData, _len, _i;
  // Run the data thru queryToObject
  data = queryToObject(data);
  // Convert the object to a string to display it
  sData = JSON.stringify(data);

  // Print all products
  $('#product').append('<h3>PRODUCTS:</h3>');
  // Loop over the query
  for (_i = 0, _len = data.length; _i < _len; _i++) {
    row = data[_i];
    $('#main').append('<div id="product" class="mix' + row.make_title + row.model_title +'" data-name="'+ row.product_title +'"><div id="productleft"></div><div id="productright"> '<h3 align="left">' + '<a href="products-detail.cfm?product_id=' + row.product_id + '">' + row.product_title + '</a>' + '</h3>'<div align="left" id="productrightmidsection" >VEHICLE: + '<span>' + row.make_title + '-' + row.model_title + '</span>' + '|' + 'Manufacturer:' + '<span>' + row.brand_name + '</span>' <div id="productview">'<a href="products-detail.cfm?product_id=' + row.product_id + '" class="productview">' + View &raquo; + '</a>'</div></div></div></div>' );
  }
}
});

Answer 1

使用这个，你会遇到串联问题

    $('#main').append('<div id="product" class="mix' + row.make_title + row.model_title +'" data-name="'+ row.product_title +'"><div id="productleft"></div><div id="productright"> <h3 align="left"><a href="products-detail.cfm?product_id=' + row.product_id + '">' + row.product_title + '</a></h3><div align="left" id="productrightmidsection" >VEHICLE: <span>' + row.make_title + '-' + row.model_title + '</span> | Manufacturer: <span>' + row.brand_name + '</span> <div id="productview"><a href="products-detail.cfm?product_id=' + row.product_id + '" class="productview"> View &raquo; </a></div></div></div></div>' );