Модальное окно MaterializeCSS не открывается, раскрывающийся список в форме и группы вкладок href

 <div class="row center">
        <button data-target="modal1" class="btn modal-trigger">Modal</button>
      </div>
<!-- Modal Structure -->
  <div id="modal1" class="modal modal-fixed-footer">
    <div class="modal-content">
      <h4>Modal Header</h4>
      <p>A bunch of text</p>
    </div>
    <div class="modal-footer">
      <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Agree</a>
    </div>
  </div>

Это код с сайта. Я испробовал все возможные изменения, чтобы исправить ошибку, но ничего не происходит при нажатии на модальное окно.

также были еще вопросы. Как я могу заставить вкладки (все еще в materializecss) перенаправлять на другую страницу при нажатии?

<li class="tab col s3"><a href="/student/login/">Login</a></li>

это не работает

PS нормальный формат для вкладки

<li class="tab col s3"><a class="active" href="#test1">Register</a></li>

Какие-либо предложения?

РЕДАКТИРОВАТЬ: выпадающий список исправлен, просто использовал select div

 <div class="input-field col s12">
   <select>
     <option value="" disabled selected>Choose your option</option>
     <option value="1">Option 1</option>
     <option value="2">Option 2</option>
     <option value="3">Option 3</option>
   </select>
   <label>Materialize Select</label>
 </div>

Затем в файле js вызовите

  $(document).ready(function() {
     $('select').material_select();
  });

html materialize
person Abhishek Patel    schedule 27.10.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

попробуй дать кнопке идентификатор

<button id="trigger" data-target="modal1" class="btn modal-trigger">Modal</button>

и добавьте к нему событие клика в вашем jquery

$('#trigger').click(function(e){
    $('#modal1').openModal();
});
person lk404    schedule 27.10.2015
comment
Uncaught TypeError: невозможно прочитать свойство 'init' неопределенного ////////////////////////////////////////// ////////////////////////////////////////////////// ////////////////////////////////////////////////// //////////Это мой код ‹script› $(document).ready(function($) { // Эта команда используется для инициализации некоторых элементов и обеспечения их правильной работы $.material.init( ); }); ‹/script› @Ik404 - person Abhishek Patel; 30.10.2015