1

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

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

菜单

  • 项目1

  • 项目2

点击 item1 --> 调用模态窗口 A

点击 item2 --> 调用模态窗口 B

谢谢。

4

1 回答 1

0

您可以使用 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>
于 2013-04-07T21:19:16.323 回答