.append（）できません。コード内のすべてのスペースを削除することなく。

Question

$('#form_holder').append('<div id="spec_id_'+count+'"><div class="avail_container"> 

<input class="avail_fields" type="checkbox" checked="checked" name="special'+count+'" /><span class="avail_field_label">Special Date</span></div> 
<div class="avail_container"><div class="avail_time_container"><span class="field_label">Time</span> 
    <select name="special'+count+'_time_from_1"> 

    <?php 
     for ($t = 0; $t<24; $t++){ 
     ?> 
     <option value="<?php echo $t; ?>"><?php echo $t; ?></option> 

     <?php 
     } 

     ?> 
    </select>: 
    <select name="special'+count+'_time_from_2"> 
      <?php 
     for ($t = 0; $t<60; $t+=15){ 
     ?> 
     <option value="<?php if($t == 0){ echo $t . '' . $t; }else{ echo $t; } ?>"><?php if($t == 0){ echo $t . '' . $t; }else{ echo $t; } ?></option> 

     <?php 
     } 

     ?> 
    </select> 

    <span class="field_label">to</span> 
    <select name="special'+count+'_time_to_1"> 
     <?php 
     for ($t = 0; $t<24; $t++){ 
     ?> 
     <option value="<?php echo $t; ?>"><?php echo $t; ?></option> 

     <?php 
     } 

     ?> 
    </select>: 
    <select name="special'+count+'_time_to_2"> 
        <?php 
     for ($t = 0; $t<60; $t+=15){ 
     ?> 
     <option value="<?php if($t == 0){ echo $t . '' . $t; }else{ echo $t; } ?>"><?php if($t == 0){ echo $t . '' . $t; }else{ echo $t; } ?></option> 

     <?php 
     } 

     ?> 
    </select> 

    </div> 
</div> 
</div>'); 

私はjavascriptコードが動作しないので、javascriptまたはjqueryが休憩を好きではないと思っています。

すべてのスペースを削除する代わりに、コードの表示が困難になることはありますか？

Answer 1

これがに関して

var varVal1=<?php 
     for ($t = 0; $t<24; $t++){ 
     ?> 
      <option value="<?php echo $t; ?>"><?php echo $t; ?></option> 
     <?php 
     } 
     ?>; 
var varVal2=<?php 
     for ($t = 0; $t<60; $t+=15){ 
     ?> 
      <option value="<?php if($t == 0){ echo $t . '' . $t; }else{ echo $t; } ?>"><?php if($t == 0){ echo $t . '' . $t; }else{ echo $t; } ?></option> 
     <?php 
     } 
     ?> 
var varVal3=<?php 
     for ($t = 0; $t<24; $t++){ 
     ?> 
      <option value="<?php echo $t; ?>"><?php echo $t; ?></option> 
     <?php 
     } 
     ?> 
var varVal4=<?php 
     for ($t = 0; $t<60; $t+=15){ 
     ?> 
      <option value="<?php if($t == 0){ echo $t . '' . $t; }else{ echo $t; } ?>"><?php if($t == 0){ echo $t . '' . $t; }else{ echo $t; } ?></option> 
     <?php 
     } 
     ?> 
$('#form_holder').append('<div id="spec_id_'+count+'">'+ 
    '<div class="avail_container">'+ 
    '<input class="avail_fields" type="checkbox" checked="checked" name="special'+count+'" />'+ 
    '<span class="avail_field_label">Special Date</span>'+ 
    '</div>'+ 
    '<div class="avail_container">'+ 
    '<div class="avail_time_container">'+ 
    '<span class="field_label">Time</span>'+ 
    '<select name="special'+count+'_time_from_1">'+varVal1+ 
    '</select>:'+ 
    '<select name="special'+count+'_time_from_2">'+varVal2+ 
    '</select>'+ 
    '<span class="field_label">to</span>'+ 
    '<select name="special'+count+'_time_to_1">'+varVal3+ 
    '</select>:'+ 
    '<select name="special'+count+'_time_to_2">'+varVal4+    
    '</select>'+ 
    '</div>'+ 
'</div>'+ 
'</div>'); 

をチェックしていない

Wazzy

Answer 2

改行をエスケープすることができます。

var str = 'this is a string\ 
      on multiple lines\ 
      with the line breaks escaped.' 

または文字列を連結します。

var str = 'this is a string' + 
      'on multiple lines' + 
      'with the line breaks escaped.' 

Answer 3

OK、まず、

var string = 'This is a javascript\ 
       string that spans\ 
       multiple lines'; 

第二に、PHPコードはJavaScriptでレンダリングすることはできません... javascriptの文字列が複数の行がバックスラッシュ

などですべての行を終了またがることを可能にしますあなたのコードは単純に表示され、あなたが望むように処理されません。

phpが処理されるように、htmlを追加して追加するにはajaxを使用することをお勧めします。