Bootstrap的javascript在本地工作,但在部署到服务器时则不行

我下载了Twitter的bootstrap的准系统示例并对其进行了定制。 我在本地进行了测试(使用WAMP服务器),一切都运行良好,包括CSS和JScript。

我将文件上传到我的虚拟主机服务,但JScript无法正常工作。 我注意到了,因为下拉框停止工作。

我搜索并发现其他人有同样的问题,但他们都使用ruby,我不是。 只是bootstrap提供的CSS + JScript游戏。 除此之外,他们说解决方案是先包含bootstrap.js然后再包含jquery.js。 好吧,我尝试了它,它没有用,我甚至包括没有缩小的.js,但它仍然无法正常工作。

我正在使用相同的浏览器(Chrome)进行本地和远程测试。 我也尝试过不同的托管服务,两者都出现了问题。

非常感谢帮助。


其他类似的问题:

  • Javascriptfunction可以在localhost上运行,但在部署到Heroku时则不行
  • twitter bootstrap下降突然无法正常工作

问题可能是您在jQuery之前加载了boostrap.js。 在本地,您的浏览器可能正在使用Jquery的缓存副本,因此它可以在那里工作但不在您的实时网站上。 尝试通过在代码中切换这两行来修复它:

  

我知道这很奇怪,但我想我得到了解决方案。 以前我使用(提供)jQuery 1.7.2缩小。 现在我改为使用jQuery 1.8.0而不是缩小。 它刚开始工作……我做的另一件事是将所有文件的编码转换为UTF8(我认为这是真正的问题/解决方案)

我有同样的问题。 在IE中,该站点正在使用localhost,但不在托管在其他服务器上时。 添加以下元标记修复它。

  

我之前有过类似的问题。 tabsfunction在我的HTML网站中运行正常,但在编码为Wordpress主题时无效。 所有源URL都是使用Wordpress动态生成的。

当我添加所有JS链接时,标签最终开始工作(除了将Modernizr添加到页脚而不是标题中)。

返回基础:如果在本地计算机上将Debug设置为true而在部署环境中设置为false,请确保您的.min.js文件不会覆盖您对非缩小版.js文件所做的自定义(也适用于.css)。

您也可以在本地计算机上关闭Debug,您应该看到相同的问题。

我有完全相同的问题,所以很高兴找到这篇文章和其他人喜欢它。 我的决议很相似。 尝试所有不同的东西,我把头发拉了半天。 走了狗。 喝了半打啤酒。 睡在上面。 吃过早饭。 重新修复了顶部的样式表,以及从本地html到服务器php的底部的js,然后由于某种未知的原因它再次开始工作。 对于其他人来说,唯一有用的点是:

  • 尝试并回到工作场景 – 在我的例子中,index.html正在服务器而不是index.php。 获得这些完全相同是关键。
  • 尝试使用不同的浏览器以防万一有什么奇怪的事情发生。
  • 确保您不断清除浏览器缓存(例如,右键单击Chrome中的重新加载按钮,然后选择“清空缓存和硬重新加载”)
  • 检查你的bootstrap css和js版本。 在版本中向前和向后更改它们,直到您获得成功。 有可能,你的bootstrap主题下载附带的版本最有可能工作。

除了@dialex和@Darrell提​​供的非常有用的建议之外,我还要补充一点,如果这些都不起作用,您可以查看您可能链接到的任何代码,即。 通过require ('page.php'); ,重复。 重复的.js链接往往会导致这些问题。

我在我建立并上传到Amazon S3的网站上遇到了这个问题。 在我的本地计算机甚至我的本地服务器上工作得很好,但是从亚马逊服务时却无法正常工作。 Firefox(但不是Chrome)中的控制台显示它无法加载bootstrap.min.css(et.al),因为它们的MIME类型不是text / css。

我不得不使用S3控制台强制将其类型更改为text / css,清除缓存和重新加载。 瞧!

晚了,但我发现我的问题是Bootstrap.js在部署期间没有被推出。