javascript - 标签可以使用 Modal 吗？

Question

我有一个 <li>单击它时，我希望在执行特定操作之前打开一个模式。这可能吗？因为我找到的所有模态示例都与 button 有关但我不想改变它。

这是我正在使用的代码(以及到目前为止我已经尝试过的代码)

模态

    <!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Modal header</h3>
    </div>
    <div class="modal-body">
        Are you sure you want to Add an Iteration?
    </div>
    <div class="modal-footer">
        @using (Html.BeginForm("AddNewIteration", "Index"))
        {
            @Html.AntiForgeryToken()
            <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
            <button type="submit" class="btn btn-warning">Add Iteration</button>
        }
    </div>
</div>

<li>关注

<!-- Start of Add New Iteration -->
<li>
    <a href="#myModal" data-toggle="#myModal">
        <span class="ca-icon"><i class="fa fa-plus-square fa-3x"></i></span>
        <div class="ca-content">
            <h2 class="ca-main"> Add new Iteration</h2>
            <h3 class="ca-sub"> Add New Iteration to the Project!</h3>
        </div> <!-- End of ca-content-->
    </a>
</li> <!-- Add New Iteration -->

提前致谢

Answer 1

没关系，我发现我做错了什么。声明标签错误必须将其更改为:

  <a href="#" data-toggle="modal" data-target="#myModal">