19

我下载了 Twitter 引导程序的准系统示例并对其进行了自定义。我在本地(使用 WAMP 服务器)对其进行了测试,CSS 和 JScript 都运行良好。

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

我搜索并发现其他有同样问题的人,但他们都在使用 ruby​​,而我没有。只是bootstrap提供的播放CSS+JScript。此外,他们说解决方案是先包含 bootstrap.js,然后再包含 jquery.js。好吧,我试过了,但没有用,我什至包括了未缩小的 .js,但它仍然没有用。

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

非常感谢您的帮助。


其他类似问题:

4

11 回答 11

4

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

<script src="/code4pt/styles/js/bootstrap.js"></script>
<script src="/code4pt/styles/js/jquery.js"></script>
于 2012-08-27T10:04:33.653 回答
3

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

于 2012-08-27T13:11:01.400 回答
2

我有同样的问题。在 IE 中,该站点在 localhost 上运行,但在托管在不同的服务器上时却没有。添加以下元标记修复它。

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
于 2014-05-01T20:59:45.830 回答
2

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

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

我以前遇到过类似的问题。选项卡功能在我的 HTML 站点中运行良好,但在编码为 Wordpress 主题时无法运行。所有源 URL 都是使用 Wordpress 动态生成的。

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

于 2013-01-13T20:43:54.253 回答
1

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

于 2018-10-04T12:04:09.787 回答
1

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

您还可以在本地计算机上关闭调试,您应该会看到相同的问题。

于 2015-12-09T01:07:44.827 回答
0

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

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

于 2016-09-27T18:21:29.150 回答
0

有同样的问题

在我的 .html 文件中,我有这一行

<link th:rel="stylesheet" th:href="@{/webjars/bootstrap/4.0.0-2/css/bootstrap.min.css} "/>

改成这个后

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

一切正常。我想内部 webjars 有http并且改变 css 链接开始https解决我的问题

于 2021-08-12T10:12:01.060 回答
0

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

于 2016-04-08T13:21:46.000 回答
0

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

以前的 :

$config['base_url'] = 'http://localhost/public_html';

更改为:

$config['base_url'] = 'http://(my intranet server ip adress)/public_html';
于 2021-03-09T08:13:12.173 回答