Вызов модального окна щелчка по пункту в меню

Question

я пишу веб-приложение на ASP.NET WebForms .А стороне клиента я использую Twitter Bootstrap.

Я знаю, как вызвать модальное окно, нажав на кнопку и т. Д., Но я понятия не имею, как вызвать модальное окно, когда я нажимаю элемент в своем меню.

Меню

• item1

• item2

Нажмите на item1 -> вызывая модальное окно

Кликните на item2 -> вызова модального окна B

Спасибо.

Answer 1

Вы можете вызвать модальный с помощью jquery. Таким образом, вы можете подключить событие click в элементе списка и вызвать функцию .modal() при щелчке элемента списка. Вот пример:

$(document).ready(function() { 
    $('#first').on('click', function() { //<-- this would be your list item. 
     $('#myModal').modal();    //<-- this would be your modal. 
    }); 
}); 

Вы также повторите событие on click для своего второго элемента списка.

И jsFiddle, чтобы посмотреть на:

http://jsfiddle.net/Hvyty/

В качестве альтернативы, вы можете просто использовать анкерный тег в меню:

<li> 
    <a href="#myModal" role="button" class="btn" data-toggle="modal">Menu item 1</a> 
</li>