这是一个适合时代的人。我正在编写一个 MVC4 应用程序,并且刚刚添加了一些代码来从控制器传递的 JSON 对象动态生成一些 html。它在双击从控制器获取数据并将一组新的 JQ 生成的 html 元素推送到页面的行的 SlickGrid 事件后触发。
现在是踢球者:
双击该行并查看 HTML 时,我的显示器(我相信)发出沉闷的响声。html 是一种“窗口”,因此有一个关闭信息的按钮(它只是将容器设置为显示:无;)。
当 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);
}