通過點擊菜單項調用模態窗口

Question

我正在編寫web應用ASP.NET WebForms。在客戶端我使用的是Twitter Bootstrap。

我知道如何通過點擊按鈕等來調用模態窗口，但我不知道如何調用模態窗口，當我點擊菜單中的項目時。

菜單

• 物品1

• ITEM2

點擊物品1 - >調用模態窗口中的

點擊ITEM2 - >調用模式櫥窗內

謝謝。

Answer 1

你可以用jquery調用模態。因此，您可以將點擊事件掛接到列表項目，並在點擊列表項目時調用.modal()函數。這裏是一個例子：

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

你會重複點擊事件上面的第二個列表項目也。

而且一來的jsfiddle來看看：

http://jsfiddle.net/Hvyty/

或者，你可以簡單地在你的菜單使用錨標記：

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