javascript - imgNote 标签无法在 IE 和 Google Chrome 上加载

Question

我们使用 imgNote 插件 ( https://github.com/waynegm/imgNotes ) 制作了脚本。

标签在 Firefox 上加载正常，但在 IE 和 Chrome 上则不然。

请查看http://fluidblueprint.com

用于测试的临时登录:

• 用户:pranaya@creator9.com
• 密码:pppp

谢谢。

Answer 1

我成功了。仅供引用，它在我的 Chrome(版本 35.0.1916.153 m)上运行良好，只有 IE 不好。

您必须更改这部分:

var $img = $("#image").imgNotes();
$img.one("load",function(){
    $img.imgNotes("import", [{x: "0.39024895115902547", y:"0.3377519191655898", note:"Great Room Test Marker", id:"3", sid:"1", nid:"47"},...]);
});

致:

var $img = $("#image").imgNotes();
$img.imgNotes("import", [{x: "0.39024895115902547", y:"0.3377519191655898", note:"Great Room Test Marker", id:"3", sid:"1", nid:"47"},...]);

最后，问题是直接给出标记，而不是在图像加载事件中执行此操作。我猜想加载事件没有在 IE 上触发，或者可能太早(在行执行之前)。

您应该在 github 项目上创建问题单，IMO 这种行为是正常的。