自举';s javascript在本地工作,但部署到服务器时不工作

自举';s javascript在本地工作,但部署到服务器时不工作,javascript,jquery,twitter-bootstrap,web-deployment,css-frameworks,Javascript,Jquery,Twitter Bootstrap,Web Deployment,Css Frameworks,我下载了Twitter引导的赤骨示例,并对其进行了定制。我在本地(使用WAMP服务器)对它进行了测试,所有的东西都工作得很好,包括CSS和JScript 我把这些文件上传到了我的网络托管服务,但是JScript根本不起作用。我注意到了,因为下拉框停止工作了 我搜索并找到了其他有同样问题的人,但他们都在使用ruby,而我没有。只需播放bootstrap提供的CSS+JScript。此外,他们说解决方案是先包含bootstrap.js,然后是jquery.js。我试过了,但没用,我甚至加入了未缩小的

我下载了Twitter引导的赤骨示例,并对其进行了定制。我在本地(使用WAMP服务器)对它进行了测试,所有的东西都工作得很好,包括CSS和JScript

我把这些文件上传到了我的网络托管服务,但是JScript根本不起作用。我注意到了,因为下拉框停止工作了

我搜索并找到了其他有同样问题的人,但他们都在使用ruby,而我没有。只需播放bootstrap提供的CSS+JScript。此外,他们说解决方案是先包含bootstrap.js,然后是jquery.js。我试过了,但没用,我甚至加入了未缩小的.js,但仍然没用

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

非常感谢你的帮助


其他类似问题:


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

<script src="/code4pt/styles/js/bootstrap.js"></script>
<script src="/code4pt/styles/js/jquery.js"></script>


我知道这很奇怪,但我想我找到了解决办法。之前我使用的是(提供的)jQuery1.7.2精简版。现在我将其更改为使用未缩小的jQuery 1.8.0。它刚刚开始工作。。。我做的另一件事是将所有文件的编码转换为UTF8(我认为这是真正的问题/解决方案)

我以前遇到过类似的问题。tabs函数在我的HTML站点中运行良好,但在编码到Wordpress主题中时不起作用。所有的源URL都是用Wordpress动态生成的


当我将所有JS链接(Modernizer除外)添加到页脚而不是页眉时,这些选项卡终于开始工作。

我也遇到了同样的问题。在IE中,该站点在本地主机上工作,但在另一台服务器上托管时却无法工作。添加以下元标记修复了此问题

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

回到基础:如果在本地计算机上调试设置为true,在部署环境中设置为false,请确保.min.js文件没有覆盖您对.js文件的非精简版本所做的自定义(也适用于.css)


你也可以在本地机器上关闭调试,你应该会看到同样的问题。

我也有同样的问题,所以找到这篇文章和其他类似的文章后,我松了一口气。我的决心也差不多。我花了半天的时间尝试各种不同的事情。遛狗。喝了半打啤酒。睡在上面。吃了早餐。重新做了一次ba勾选顶部的样式表,勾选底部的js,从本地html到服务器php,然后出于某种未知的原因,它又开始工作了。对于其他经历相同过程的人来说,唯一有用的地方是:

  • 试着回到一个工作场景——在我的例子中,index.html在服务器上工作,而不是index.php。让它们完全相同是关键
  • 尝试不同的浏览器,以防发生奇怪的事情
  • 确保一直清除浏览器缓存(例如,右键单击Chrome中的“重新加载”按钮并选择“空缓存和硬重新加载”)
  • 检查您的引导css和js版本。在版本中向前和向后更改它们,直到您成功。很可能,随引导主题下载而来的版本最有可能工作

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

我在一个我构建并上传到Amazon S3的网站上遇到了这个问题。在我的本地机器甚至本地服务器上运行良好,但从Amazon提供服务时无法工作。Firefox(而不是Chrome)中的控制台显示它无法加载bootstrap.min.css(等等)因为他们的MIME类型不是text/css


我不得不使用S3控制台强制将它们的类型更改为text/css,清除缓存,然后重新加载。好啦!

晚会迟到了,但我发现我的问题是Bootstrap.js在部署过程中没有被推出。

我正在使用Codeigniter。我通过在config.php中更改我的
基本url
来解决这些问题

上一篇:

$config['base_url'] = 'http://localhost/public_html';
$config['base_url'] = 'http://(my intranet server ip adress)/public_html';
更改为:

$config['base_url'] = 'http://localhost/public_html';
$config['base_url'] = 'http://(my intranet server ip adress)/public_html';

为什么不在启动时将jquery附加到引导程序?放在哪里?在哪个节点下?这是一个绝妙的主意。不幸的是,它对我的情况没有帮助:-(但值得其他人尝试。编码和行分隔符才是真正的罪魁祸首,你的回答帮助我很快解决了问题。部署后,当整个响应布局在移动设备中消失时,我完全崩溃了:-)非常感谢!你们如何将编码更改为UTF8,我有类似的问题。我使用的是“jquery”:“^3.5.1”在我的例子中,我的远程jquery.min.js是40K,但本地的是85K。Dreamweaver不想用本地的覆盖它,所以我必须先删除,然后一切都好。所以检查所有的.js文件的大小是否正确(可能会全部删除并重新加载),继续清除浏览器缓存-对我来说有效+1