4

Глядя на некоторые видеоуроки, я следую тому, что было сделано, но, похоже, не добирается до модальности ссылки регистрации для запуска.Bootstrap 3 Модаль не появится при запуске с метки привязки

Вот ссылка я хочу, чтобы вызвать:

<li><a href="#register-modal" data-toggle="modal" data-target="#register-modal">Register</a></li> 

Вот модальный, который должен быть запуск

<!-- Register Modal --> 
<div class="modal fade" id="#register-modal" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <h2>Register</h2> 
      </div> 
     </div> 
    </div> 
</div> 

Я предполагаю, что должен быть Jquery быть реализован после того, как смотреть на другие ответы но я не вижу, как это происходит, если jQuery происходит из бутстрапа. Документация Bootstrap 3, похоже, делает то же самое, что и я. http://getbootstrap.com/javascript/#modals-examples

ответ

2

Атрибут id не должен иметь хэштегов.

Изменить

<div class="modal fade" id="#register-modal" role="dialog"></div> 

к:

<div class="modal fade" id="register-modal" role="dialog"></div> 

Working Example

+0

Спасибо, что сделали это. Таким образом, модальный div не должен иметь hashtag, но анкерный тег должен ref? –

+1

@Beast_Code Правильно. Атрибут 'data-target' элемента привязки является, по существу, селектором. Например, он может быть изменен на «data-target =». Modal «', чтобы выбрать весь элемент с классом '.modal'. [(пример)] (http://jsfiddle.net/fjx6fynv/) ... он также может быть изменен на 'data-target =". modal # register-modal "', чтобы выбрать элемент с классом '. modal' и 'id' из' # register-modal' - [(пример)] (http://jsfiddle.net/5w5t013q/) ... как вы можете видеть, вы можете в принципе указать любой селектор для 'data -target'. –

+0

Это интересно. Учебник, который я последовал, имел это. –

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