JQuery Mobile 导致 Firebug 和 Chrome 调试器无法在断点处停止



我遇到了一个奇怪的问题,我无法让Chrome或Firebug调试器在我设置的断点处停止。 页面运行良好,它正在写入控制台,只是我的断点都不会停止页面。

事实证明,如果我删除jQuery Mobile包含文件:

<script src="lib/jquery.mobile-1.1.0.min.js"></script>

然后调试器按预期工作(我使用 JQM 进行移动样式,所以如果我删除包含文件,我的样式就不起作用 - 没有 JS 错误或任何东西)。

我在控制台中没有看到与 JQM 相关的错误,因此我不确定为什么该文件会导致调试器出现问题。 有什么想法吗?

问题是我的 html 页面没有带有"data-role=page"的div(这些是由 JS 在我的应用程序中创建的)。 我添加了一个具有该属性的空div,调试器再次开始工作。 我不能为修复而受到赞扬,它属于 Kin Blas。

在此处查看完整详细信息:

https://github.com/jquery/jquery-mobile/issues/4206#issuecomment-5448298

对于通过Underscore或Mustache使用模板并使用Javascript将它们作为单独的文件加载的任何人来说,都可能发生这种情况。 我正在使用骨干和下划线。

> JQuery Mobile 使用 ajax 调用动态加载页面,因此 JS 文件不会以标准方式加载。如果你不阻止使用 rel="external"data-ajax="false""target" 属性(参考此处)调用 ajax,则必须使用 debugger; 语句停止你的 javascript 代码,这是 Firebug、Internet Explorer 开发者工具栏,当然还有 Chrome 开发者工具的编程断点。

最新更新