通过点击菜单项调用模态窗口

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>