Javascript JQuery插件没有'；在大多数浏览器上不显示

我创建了一个JQuery插件来显示可拖动的地图（xy）

在Firefox上，它可以完美地工作，但在任何其他浏览器上都有一个bug

错误： 正常情况下，地图应在站点加载时显示。 但在除firefox之外的所有浏览器上，只有一个黑屏，直到你拖动地图，然后 它起作用了

我不知道该怎么解决这个问题

例如：

我希望您理解我的意思，如果不看这个示例（不是firefox），请运行它，然后拖动黑色输出。

初始化时

innerDiv.css（'left'）

设置为

auto

（意味着在第一次拖动之前）。因此，在

getVisibleTiles

函数中，

mapX

等于

NaN

，因此不执行double for循环

您只需编辑以下内容：

jQuery('<div/>', {
    id: 'GameMap',
    height: o.InnerDivHeight,
    width: o.InnerDivWidth
}).appendTo(obj);

jQuery（“”{
id:'游戏地图'，
高度：o.L.高度，
宽度：o.InnerDivWidth
}).附录（obj）；

为此：

jQuery('<div/>', {
    id: 'GameMap',
    height: o.InnerDivHeight,
    width: o.InnerDivWidth,
    css: {
        left: 0,
        top: 0
    }
}).appendTo(obj);

jQuery（“”{
id:'游戏地图'，
高度：o.L.高度，
宽度：o.InnerDivWidth，
css:{
左:0,，
排名：0
}
}).附录（obj）；

---

此外，如果您希望避免对IE产生副作用，则应删除对象声明末尾的尾随逗号，如以下两个示例所示：

jQuery('<div/>', {
    id: tileName,
    style: "some CSS string", // <----- remove this comma or it will break on IE
}).appendTo(innerDiv).text(tileName);

jQuery('<div/>', {
    id: 'GameMap',
    height: o.InnerDivHeight,
    width: o.InnerDivWidth, // <----- this one too
}).appendTo(obj);

jQuery（“”{
id:tileName，
style:“some CSS string”//请在问题中发布您的代码，以便将来对其他人有用。