如何在点击锚标签时打开模型？

Question

我正试图在点击锚标签时显示模态。 我已经动态创建了锚标签（在一个表和div中），点击它应该显示一个模态......

<a href = "#close" class='forum-title' name = "abc">XYZ</a>

我随机给出了“#close”（以防止它抛出错误......在这种情况下，它是（href）不是imp ...）

我在锚标记的click函数上给出了一个简单的函数：

function openModal() {
            $('#usermodal').modal('show');
              }

请检查我的 JSFiddle： http://jsfiddle.net/AshleyR098/xaqtawog/623/

更新：

JSFiddle： http://jsfiddle.net/AshleyR098/xaqtawog/628

- 给了模态div一个错误的ID，试着点击锚标签......仍然没有去......

Answer 1

你可以尝试这个http://jsfiddle.net/xaqtawog/637/

gradle.properties

Answer 2

您可以在window上下文中声明您的函数并使用onclick属性：

Javascript：

function openModal() {
        $('#usermodal').modal('show');
 }

HTML：

<a href = "#close" class='forum-title' name = "abc" onclick="openModal();">XYZ</a>

Answer 3

在你的JS Fiddler中，我看到你正在调用openDialog这样的函数：

 $('#<%=abc%>').click(function()
    {
           function openModal() {
             $('#usermodal').modal('show');
            }

    });

请你删除openModal这样的函数声明：

 $('#<%=abc%>').click(function()
    {
            $('#usermodal').modal('show');

     });

Answer 4

你能不这样做吗？

<a data-toggle="modal" data-target="#modal" class="btn btn-sm btn-neutral">Open Modal</a>