これは年齢のためのものです。私は MVC4 アプリケーションを作成しており、コントローラーから渡された JSON オブジェクトから HTML を動的に生成するコードを追加しました。これは、コントローラーからデータをフェッチし、JQ によって生成された html 要素の新しいセットをページにプッシュする行をダブルクリックするための SlickGrid イベントの後にトリガーされます。
キッカーのために:
行をダブルクリックして HTML を見ると、モニターから鈍いリンギング ノイズが聞こえます (私は信じています)。html は一種の「ウィンドウ」であり、情報を閉じるためのボタンがあります (コンテナを表示するように設定するだけです: none;)。
HTML が表示されているときに...呼び出し音が聞こえます。クリックして閉じて HTML を非表示にすると、消えます。これはうっとうしいほど頼もしい。何が原因なのかわかりません。ここに少しのコードがありますが、それが洞察を与えるとは思えません
動的 HTML 生成機能:
function OrderDataDisplay(obj) {
var tabHTML = "<div id='__t" + obj.DepRunningNo + "' style='position: absolute;" +
"bottom: 0px;" +
"left: 20px;" +
"height: 17px;" +
"text-align: center;" +
"padding: 3px;" +
"width: 100px;" +
"background: -webkit-linear-gradient(top, rgb(20, 20, 20) 0%, rgb(53, 50, 50) 100%);" +
"border-top: 1px;" +
"border-left: 1px;" +
"border-right: 1px;" +
"border-style: ridge;" +
"border-color: #424242;" +
"color: #FFF;" +
"border-radius: 15px 15px 0 0;" +
"font-family: Geneva;" +
"font-size: 15px;'>Ticket #" + obj[0].DepRunningNo + "</div>";
var dataHTML = "";
for (var key in obj[0]) {
if (obj[0].hasOwnProperty(key)) {
if(obj[0][key] != null)
dataHTML += "<div style='border: 1px solid black; display: block;'>" + key + ": " + obj[0][key] + "</div>";
}
}
$("#ticketTabs").append(tabHTML);
$("#ticketTab").append(dataHTML);
$("#ticketTab").show();
$("#ticketTabs").show();
console.log(obj);
}