jquery変数内に大きなHTMLマークアップを挿入します。

Question

ウェブゲームをビルドして、html-markupをjquery-ui dailogボックスに追加しようとしました。現在クロムにUncaught SyntaxError: Unexpected numberというエラーが表示されています。私は前に大きなブロックのデータのためにappendToメソッドを試しましたが、html-elementsの量に制限があるのだろうかと疑問に思っていました。なぜなら、毎日のアリのヒントを回避する必要があるからです。 注：回答する前に質問をよくお読みください。 jquery variableの中に、（HTMLコード/テキスト）の大きなブロックを静的または動的に格納する方法はありますか？

jqueryのコード：

<script> 
        var vari = "<?= $UserSpacesAvA ; ?>"; 
        var btn = "<button id='d_pis_btn'>Place in shop</button>"; 
        $(vari).appendTo(document).dialog({ 
         closeOnEscape: false, 
         modal  : true, 
         draggable : false, 
         height  : 400, 
         width  : 500, 
         resizable : false, 
         title  : 'Give Your new <?=ucfirst($morph); ?> A Home!', 
         buttons  : [ 
          { 
           text: 'Done!', 
           click: function() { 
            $(this).dialog("destroy").remove(); 
            } 
          }, 
         ], 
         open: function(event, ui) { $(".ui-dialog-titlebar-close").remove(); }, 
        }); 
        $('.popi select').chosen({}); 
        $(btn).appendTo('.set').on("click",function(){ 

        }); 
        </script> 

PHPのコード：これは制限に関するご質問にお答えしますが、jQueryのテンプレートを使ってみません

function UserPlaces($userData,$dataExpected,$type){ 
    $dat = "<div class='popi' id='pop'><fieldset class='set'><legend>Location:</legend>"; 
    $x = explode(",",$type); 
    foreach($x as $s){ 
     switch($s){ 
      case 'rooms': 
      // bring out rooms 
      $dat .= "<label>Room:</label><select id='d_room_select'>"; 
       if(count($userData["locations"]['r']) < 1){ 
        $dat .= "Insufficient Space"; 
       }else{ 
        $int = 1; 
        foreach($userData["locations"]['r'] as $x){ 
         $dat .= "<option value=\"$x\">Room Number $int</option>"; 
         $int++; 
        } 
       } 
      $dat .= "</select><br><br>"; 
      break; 
      case 'shops': 
      // bring out shops 
      $dat .= "<h4>Is this snake for sale ?</h4><br><label>Shop:</label><select id='d_shop_select'>"; 
      if(count($userData["locations"]['r']) < 1){ 
        $data .= "No Shops"; 
       }else{ 
        $int = 1; 
        foreach($userData["locations"]['s'] as $x){ 
         $dat .= "<option value=\"$x\">Shop Number $int</option>"; 
         $int++; 
        } 
      } 
      $dat .= "</select><br><br><label>Price:</label> 
      <input id='d_shop_price_snake' name='d_shop_price_snake'><br><br> 
      "; 
      break; 
      case 'shows': 
      // bring out shows 
      break; 
     } 
    } 
    $dat .= "</fieldset></div>";  
    return $dat; 
} 

Answer 1

は： http://api.jquery.com/category/plugins/templates/