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を使用できる場合は、文字列テンプレートを ``（バッククォート）で使用することを検討してください。あなたはたったの$ {VAR_NAME}を使用して、変数の値を取得することができ、この溶液中で+を使用する必要はありません

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

お知らせ：このソリューションは、次のようになります。複数の行に分割してOKにすることもできます。私はあなたの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

あなたはを少し失っています。

Answer 3

変更で行を分割することができます。このライン

<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 4

これはいかがですか？

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