【问题标题】:jQuery not working on mobile devices on Bootstrap websitesjQuery 无法在 Bootstrap 网站上的移动设备上运行
【发布时间】:2015-01-26 05:03:10
【问题描述】:

我在移动设备上遇到了 Bootstrap 和 jQuery 问题。就像找不到 jQuery 之类的。在 jQuery 函数之后调用的所有内容都不会执行。

这就是它在我的 HTML 中的实现方式:

...
<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
...

在我的 JS 中是这样调用的:

alert('Before jQuery call');
alert(jQuery().jquery);
alert('After jQuery call');

第一个警报被执行,其余的不被执行

【问题讨论】:

  • 检查window.jQuery ?
  • 所有警报都已执行,我得到未定义的警报(window.jQuery);
  • 发现问题。与 jQuery 或 Bootstrap 脚本本身无关。似乎当您下载 jQuery 时,每个人的访问权限都设置为“无访问权限”。当我在服务器中使用 PHP-Storm 构建时,一切正常,但是当我使用本地主机本身时,它给出了同样的错误。感谢您的时间!

标签: jquery twitter-bootstrap mobile device


【解决方案1】:

已经创建了以下页面,它可以完成您正在做的事情并且工作正常

http://jsbin.com/weperarapu/1/

来源在这里……

http://jsbin.com/weperarapu/1/edit?html,output

它可以在桌面上运行吗?

检查文件是否 100% 加载,我看到 JS 文件没有加载到我的网页上,因为我将 JS 文件保存到我的机器的方式并且它具有错误的权限。

如果加载了 JS 文件,我会查看您发布的内容之外的潜在问题,例如您是否在桌面上的控制台中看到任何 JS 错误。页面是有效的 HTML。您是否尝试在加载 jquery 之前发出警报

您是否有可公开访问的 URL?

【讨论】:

  • 在桌面上一切正常。我只在移动设备上遇到问题。我没有公共 URL(很遗憾)
  • 我的示例是否适用于您的测试手机?如果确实如此,则页面中可能还有其他内容令人痛苦。尝试删除任何其他 JS 库和 HTML,直到您像我的示例中那样简单。还要仔细检查您已部署并正在加载您认为是的页面;-)
  • 您的示例在我的移动设备上运行,这让我思考。发现问题。与 jQuery 或 Bootstrap 脚本本身无关。似乎当您下载 jQuery 时,每个人的访问权限都设置为“无访问权限”。当我在服务器中使用 PHP-Storm 构建时,一切正常,但是当我使用本地主机本身时,它给出了同样的错误。感谢您的时间!
  • 很高兴您找到了解决方案,从不同的角度看待问题会有所帮助;-)
猜你喜欢
  • 2016-08-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-01-29
  • 1970-01-01
  • 1970-01-01
  • 2015-04-25
相关资源
最近更新 更多