19

Twitterのブートストラップのベアボーンの例をダウンロードしてカスタマイズしました。私はそれをローカルで(WAMPサーバーを使用して)テストしましたが、CSSとJScriptの両方ですべてが完全に機能します。

ファイルをウェブホスティングサービスにアップロードしましたが、JScriptが機能しません。ドロップダウンボックスが機能しなくなったので気づきました。

同じ問題を抱えている他の人を検索して見つけましたが、全員がルビーを使用していて、私はそうではありません。ブートストラップによって提供されるCSS+JScriptを再生するだけです。それに加えて、解決策は最初にbootstrap.jsを含め、次にjquery.jsを含めることであると彼らは言いました。試してみましたが、機能しませんでした。縮小されていない.jsを含めても、機能しませんでした。

ローカルテストとリモートテストに同じブラウザ(Chrome)を使用しています。また、別のホスティングサービスを試しましたが、両方で問題が発生しました。

ヘルプは大歓迎です。


他の同様の質問:

4

11 に答える 11

4

問題は、jQueryの前にboostrap.jsをロードすることである可能性があります。ローカルでは、ブラウザがJqueryのキャッシュされたコピーを使用している可能性があるため、そこでは機能しますが、ライブサイトでは機能しません。コード内のこれらの2行を切り替えて、修正してみてください。

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

私はこれが非常に奇妙であることを知っていますが、私は解決策を得たと思います。以前は、(提供された)jQuery1.7.2を縮小して使用していました。ここで、縮小されていないjQuery1.8.0を使用するように変更しました。それはちょうど機能し始めました...私がしたもう一つのことは、すべてのファイルのエンコーディングをUTF8に変換することでした(これが本当の問題/解決策だったと思います)

于 2012-08-27T13:11:01.400 に答える
2

私も同じ問題を抱えていました。IEでは、サイトはローカルホストで機能していましたが、別のサーバーでホストされている場合は機能しませんでした。次のメタタグを追加すると修正されました。

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

私はまったく同じ問題を抱えていたので、この投稿や他の人がそれを気に入っているのを見つけて安心しました。私の解像度も同様でした。私は半日髪を抜いて、いろいろなことを試しました。犬を散歩させた。半ダースのビールを持っていた。その上で寝ました。朝食を食べた。上部のスタイルシートを再コピーし、下部からローカルhtmlからサーバーphpにjsをコピーしました。その後、何らかの理由で再び機能し始めました。同じことを経験している他の人にとって有用と思われる唯一のポイント:

  • 動作するシナリオに戻ってみてください。私の場合、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

基本に戻る:デバッグがローカルマシンでtrueに設定され、デプロイメント環境でfalseに設定されている場合は、.min.jsファイルが縮小されていないバージョンの.jsファイルに対して行ったカスタマイズを上書きしないようにしてください。 (.cssにも適用されます)。

ローカルマシンでデバッグをオフにすることもでき、同じ問題が発生するはずです。

于 2015-12-09T01:07:44.827 に答える
1

パーティーに遅れましたが、私の問題は、展開中にBootstrap.jsがプッシュされていないことであることがわかりました。

于 2018-10-04T12:04:09.787 に答える
0

@dialexと@Darrellによる非常に有用な提案に加えて、それが機能しない場合は、リンクしている可能性のあるコードを確認できることを追加します。経由require ('page.php');、重複の場合。重複した.jsリンクは、これらの問題を引き起こす傾向があります。

于 2016-04-08T13:21:46.000 に答える
0

構築してAmazonS3にアップロードしたサイトでこれに遭遇しました。ローカルマシン、さらにはローカルサーバーでも正常に動作しましたが、Amazonから提供された場合は動作しませんでした。Firefoxのコンソール(Chromeではない)は、MIMEタイプがtext / cssではなかったため、bootstrap.min.css(et。al)のロードに失敗していることを示しました。

S3コンソールを使用して、タイプをtext / cssに強制的に変更し、キャッシュをクリアして、リロードする必要がありました。出来上がり!

于 2016-09-27T18:21:29.150 に答える
0

私はCodeigniterを使用しています。base_urlconfig.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 に答える
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 に答える