SyntaxError: missing ) 在 jquery 中的参数列表之后同时追加

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 预打包到一个变量中，然后再附加它。这里可能看起来像这样：

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=' ... );

Answer 2

改变这一行

<a href="/index.php?store='+$store_username+'&view=single&product='+json[i].product_id'"><div class="product-image">

到

<a href="/index.php?store='+$store_username+'&view=single&product='+json[i].product_id+'"><div class="product-image">

Answer 3

这个怎么样？

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