セマンティックUIを正しくスタイルモジュールが、応答しない

Question

私はJSとjQueryに非常に新しいですし、私はこのエラーが発生する根本的な何かを見逃している必要があることを恐れる：セマンティックモジュールのいずれもが、私は、HTMLに含めることを試みないとJSで開始意味的な例からスニペットをコピーしただけでも、反応的なようです。

私はその後phpstormのプロジェクトディレクトリに追加のコンテンツルートとして添加別個bower_componentディレクトリに意味UIとjQueryをインストールするためにバウアーを使用します。私は、とパスなどのHTMLヘッダ中のセマンティックファイルが全て認識されている含まれる：

<link rel="stylesheet" href="semantic/dist/semantic.min.css"> 
 
    <script src="jquery/dist/jquery.min.js"></script> 
 
    <script src="semantic/dist/semantic.min.js"></script> 
 
    <script src="js/semantic_test.js"></script>

Iは、HTMLおよび「JS/semantic_testにJS第1例this link HTMLをコピーしました。 js "と表示されます。 ChromeやSafariでは、すべてのスタイリングが正しく表示され、応答がないページが静的に表示されます。

正しく機能したブートストラップコンポーネントを試しました。 JqueryとSemantic UIの両方のCDNパスもテストしました。まだ動作していません。私はグーグルで何時間も過ごしました。

Answer 1

あなたは、コンポーネントがDOMにロードされる前にはJavaScriptを使用してHTMLコンポーネントを初期化するためのスクリプトを実行するときに時々この現象が発生することができますdocument.ready

$(document).ready(function() { 
// your code here 
// ... 
}); 

であなたのjqueryのコードをラップしました。