动态生成HTML后监视器发出响声

Question

这个问题真是经典。我正在编写一个MVC4应用程序，刚刚添加了一些代码来从控制器传递的JSON对象动态生成一些HTML。它在SlickGrid事件双击行后触发，从控制器获取数据并向页面推送一组新的JQ生成的HTML元素。

现在问题来了：

当我双击行并看到HTML时，我的显示器会发出沉闷的响声(我认为)。这个html就像一个"窗口"一样，因此有一个关闭信息的按钮(仅仅将容器设置为display: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);
    }

- Mike H.

---

太棒了，这是一个惊人的问题。显示器发出“嘟嘟声”，如何使用jQuery解决，这很新奇！ - adeneo

两个非常重要的问题：1）它是CRT还是LCD面板？2）它是否有内置扬声器？如果是CRT，则存在具有特定共振频率的物理部件，并且该共振是通过特定的显示配置实现的。 - Jim Garrison

我多年前也遇到过类似的问题，但发现是颜色引起的。如果我打开一个白色很多的页面，它就会嗡嗡作响，但如果我关闭那个页面或打开一个有颜色的屏幕，它就会停止。 - Matt Bodily

@MattBodily，天哪，你真是个天才！把它放到答案里，这样我就可以给你一个大大的绿色勾勾了！ - Mike H.

done and appreciated :) - Matt Bodily

Answer 1

我以前有过类似的问题，但发现是颜色引起的。如果我打开一个有很多白色的页面，它会嗡嗡作响，但如果我关闭那个页面或者打开一个有颜色的屏幕，它就会停止。

- Matt Bodily