Question

我正在 ASP.NET WebForms 上编写Web应用程序。在客户端，我正在使用 Twitter Bootstrap 。

我知道如何通过点击按钮等调用模态窗口，但是当我点击菜单中的项目时，我不知道如何调用模态窗口。

菜单

ITEM1
ITEM2

点击第1项 - ＆gt;调用模态窗口A

点击第2项 - ＆gt;调用模态窗口B

感谢。

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>

通过单击菜单中的项目调用模态窗口

1 个答案: