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

Posted 2021-04-16

我正试图在点击锚标签时显示模态。我已经动态创建了锚标签（在一个表和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，尝试在锚标签上点击...仍然，没有去......

答案

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

<a href = "#close" class='forum-title' name = "abc" data-toggle="modal" data-target="#usermodal">XYZ</a>

另一答案

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

javascript：

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

html：

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

另一答案

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

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

    });

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

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

     });