imgNote 标签不会在 IE 和 Google Chrome 上加载答案

【问题标题】：imgNote tags won't load on IE and Google ChromeimgNote 标签不会在 IE 和 Google Chrome 上加载
【发布时间】：2014-08-24 08:41:08
【问题描述】：

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

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

请到http://fluidblueprint.com查看

临时登录测试：

用户：pranaya@creator9.com
密码：pppp

谢谢。

【问题讨论】：

请将不工作的代码放在这里，并尝试在 jsfiddle 上重现问题。
嗨，这里是小提琴jsfiddle.net/reenku/8cf9N
您的脚本在这 3 个浏览器上对我的工作方式相同：出现一个计划，我单击“添加您的标记”按钮，然后我可以单击该计划并添加标记。有什么问题？
我注意到你的脚本中有一些奇怪的东西，比如jQuery(document).ready(function($) { $(document).ready(function() {。在调试之前尝试更正这些点并清理你的脚本，这真的很混乱。
您好，感谢您的帮助。您可以在我上面给出的实时 url 中正确检查错误。预先保存的标记不会出现在 IE 和 Chrome 上，而在 Firefox 中它们会很好。

标签： javascript jquery internet-explorer google-chrome cross-browser

【解决方案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 项目上创建一个 issue 票，IMO 这种行为是不正常的。

【讨论】：