HTMLはリテラルテキスト

Question

として表示され、私は私のフロントエンドに以下のコードを持っている：

<script type="text/javascript"> 
function bringUpAuthorization() { 
    var control = jQuery("#AuthorizationForMasterSchedule"); 
    control.css("visibility", "visible"); 

    control.dialog(
     { 
      title: "Authorization", 
      close: function() { 
       control.css("visibility", "collapse"); 
      } 
     }) 
} 
</script> 

<div id="AuthorizationForMasterSchedule" style="visibility: collapse"><%: authorizeHTML %></div> 

次のように私は追加しているHTMLコードは次のとおりです。

<table> 
    <tr id='EmptyAuthDetails'> 
     <td style='text-align:center;' colspan='5'>No Authorization Details found</td> 
    </tr> 
</table><br/> 

私はこれを追加してみました：

残念ながら、それは実際にHTMLをレンダリングしていませんthis questionへの回答により示唆されるようにjQueryを使ってHTML、よう：

jQuery(document).ready(function() { 
    jQuery("#AuthorizationForMasterSchedule").html("<%: authorizeHTML %>") 
}) 

が、それはどんな違いがありませんでした。 （ところで、記録のために、私は$の構文を完全に認識しています。なぜ私がここでそれを使用していないのかについての長い話があります）。

Answer 1

多くのCSS変更を表示する理由がわかりません。 CSSの変更を削除した後、このサンプルを作成しました：https://jsfiddle.net/pcjm1q9d/。

HTML：

<div id="AuthorizationForMasterSchedule" ></div> 

Javascriptを：

$(function() {  

    jQuery("#AuthorizationForMasterSchedule").html("<table> <tr id='EmptyAuthDetails'>  <td style='text-align:center;' colspan='5'>No Authorization Details found</td>  </tr></table><br/>"); 

//show dialog box 
     $("#AuthorizationForMasterSchedule").dialog(); 
     }); 

あなたが直接jqueryのを使用してダイアログの動作を制御することができます。ドキュメンテーションでダイアログを確認してください。