2016-04-19 5 views
0

(UbuntuのVPS)私のウェブサイト上で動作していないポップアップ表示http://website/?#chatrulesmodalモーダルだから私は私のUbuntu VPSにファイルをアップロードし、すべてが動作しているようですが、私は私のウェブサイト上の例のチャットのルールのために押したときに何も</p> <p>からのみURLの変更を起こらない

からhttp://websiteが、私はログインするとの用語は、それはどちらか、それはhttp://website/#tos-modalを示し動作しないポップアップする必要がありますしたい場合、私は、また

<div class="modal" id="chatrulesmodal"> 
     <div class="modal-content"> 
     <h4>Chat Rules</h4> 
     <ol> 
      <li>No Begging.</li> 
      <li>No Spamming.</li> 
      <li>No Advertising.</li> 
      <li>No Code Spamming.</li> 
      <li>English ONLY.</li> 
      <li>Always be polite, ESPECIALLY to mods and admins.</li> 
      <li>No Coin Trading</li> 
     </ol> 
     </div> 
    </div> 

<div class="col s4 left-align"><input type="checkbox" id="mute" /><label for="mute">Mute</label></div><div class="col s4 center-align"><a href="#chatrulesmodal" class="center modal-trigger">Chat Rules</a></div><div class="col s4 right-align"><input type="checkbox" id="chatpause" /><label for="chatpause">Pause</label></div> 

を一切ポップアップ取得ありません。

私のubuntuサーバーに特別なものがインストールされている必要がありますか?

+1

このコードは不完全です。このためにはスタイルシートもJavaScriptもありません。 –

+0

@TomMettam私は私のjsフォルダにすべてのjavascriptを持っていますが、私は問題は、おそらく私のubuntuサーバー上でいくつかのパケットが不足しているので、javascripts arentが使用されているようですね? –

+1

誰が知っていますか?あなたが投稿したコードから、これがうまくいくと思っているかどうかを知る方法はありません。 –

答えて

0

マテリアライズを使用しています。

モーダルダイアログでは、単なるCSSだけではありません。

http://materializecss.com/modals.htmlには、モーダルの設定方法を示すコードサンプルがいくつかあります。あなたのケースでは、以下のJSは、トリックを行う必要があります。

 <script> 
      $(document).ready(function(){ 
       // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered 
       $('#chatrulesmodal').leanModal(); 
      }); 
    </script> 

また、あなたはコードにマテリアライズのJavaScriptが含まれていることを確認する必要があります。

<script src="js/materialize.min.js"></script> 
+0

私はそれを試してみましたが、それは私のjavascriptファイルを含んでいないように思えます。 –

関連する問題

 関連する問題