Модальные всплывающие не работает на моем сайте (Ubuntu VPS)

Так что я загрузил файлы на Ubuntu VPS, и все, кажется, работает, но когда я нажимаю, например Кофиденциальность на моем сайте ничего не происходит только изменения URL изМодальные всплывающие не работает на моем сайте (Ubuntu VPS)

http://website к http://website/?#chatrulesmodal

, но я не получаю всплывающего

<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>

Кроме того, если я хочу, чтобы войти и термины должны всплывали это не работает, либо он показывает http://website/#tos-modal.

Нужен ли мне какой-либо конкретный материал, установленный на моем сервере ubuntu, чтобы он работал?

источник

2016-04-19 Grega Lenart

Этот код является неполным. Существует не таблица стилей, ни Javascript, обе из которых потребуются для этого. –

@TomMettam У меня есть все javascripts в моей папке js, но я уверен, что проблема в том, что я потерял некоторые пакеты, возможно, на моем сервере ubuntu, похоже, что используется javascripts arent? –

Кто знает? Я не знаю, как вы ожидаете, что это сработает, из кода, который вы опубликовали. –

Я вижу, что вы используете Материализацию.

Модальные диалоги требуют больше, чем просто 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>

источник

2016-04-19 10:27:33

Я попробовал, но он не работает, кажется, что он не включает мои файлы javascript .. не знаю почему - –

Модальные всплывающие не работает на моем сайте (Ubuntu VPS)

ответ

Смежные вопросы