javascript - 语法错误: missing ) after argument list in jquery whilst appending

Question

我收到此错误!缺少 ) 即使我的 jquery 行似乎没有任何问题。

$('.product_area').append('
 <div class="product">
   <a href="/index.php?store='+$store_username+'&view=single&product='+json[i].product_id'"><div class="product-image">
    <img src="<?php echo image_check('+json[i].product_image1+'); ?>" />
    </div>
    </a>
  <div class="product_details"><div class="product-name">
 <a class="name" href="/index.php?store='+$store_username+'&view=single&product='+json[i].product_id'">
 <span><?php echo substr('+json[i].product_name+',0,23); ?></span>
 </a>
 </div>
  <div class="product-price">
 <span class="price">@ Rs. <?php echo number_format('+json[i].product_price+',2); ?></span>/-</div>
  <div class="product-discount">
 <span class="discount">Discount: 
 <span class="color-text"><?php echo '+json[i].product_discount+' ?></span>%</span>
 </div>
 </div>
 </div>').animate({width:'toggle'},150);

我已经尽力把它写得尽可能干净。有谁可以查一下吗!太烦人了

Answer 1

这看起来像是将字符串拆分为多行的问题。 (另外，正如其他人评论的那样，您有一个拼写错误。如果这是您的代码中的错误，您需要修复它，但如果这只是这里的一个拼写错误，那么这就是您面临的另一个问题)

有几种方法可以解决这个问题。

1) 如果您可以使用 ES6，请考虑使用带有 `` (反引号)的字符串模板。该解决方案可能如下所示:

let html = `<div class="product">
           <a href="/index.php?store=${store_username}&view=single&product...`

请注意，在此解决方案中您不需要使用 +，您只需使用 ${var_name} 即可获取变量的值。你也可以分成多行就可以了。我认为您也可以将append() 方法中的整个字符串替换为字符串模板，这样就可以了。

2) 在附加 HTML 之前，使用 += 运算符将 HTML 预先打包到变量中。它可能看起来像这样:

var html = '<div class="product">';
html += '<a href="/index.php?store=';
html +=  $store_username;
html +=  '&view=single&product=';

依此类推，然后你就会

.append(html);

3) 最后，您可以使用\

分割行

... .append('<div class="product"> \
           <a href="/index.php?store= \
           '+$store_username+'&view=single&product=' ... );