Question

我想停止使用父div的onclick函数说class =“service-box-inner”为我的子元素锚标记说class =“caps_link”，但我面临的问题是当我点击'执行演示'时它首先打开弹出窗口，然后打开谷歌页面，我想停止打开弹出窗口的控件，但它导致页面谷歌
HTML标记

<div class="service-box-inner" onclick="window.location='http://www.google.com'">
    <img class="service-icon" src="../images/icons/service-icon-1.png" alt="ehr" />
    <small class="service-description">Some Meaningful Use .</small>
    <a href="#" data-target="#myModal1" data-toggle="modal" class="caps_link" onclick="function abc(event);">perform a demo</a>
</div>

这是我的JQuery代码

function abc(event) {
    event.stopPropagation();

}

Answer 1

您的onclick属性正在尝试定义一个函数，而不是调用一个函数。试试这个：

<a href="#" data-target="#myModal1" data-toggle="modal" class="caps_link" onclick="abc(event);">perform a demo</a>

另请注意，您使用的方法不是jQuery，而且已过时。要使用jQuery，请尝试以下方法：

<a href="#" data-target="#myModal1" data-toggle="modal" class="caps_link">perform a demo</a>

$(function() {
    $('a.caps_link').click(function(e) {
        e.stopPropagation();
    });
});

停止父div的onclick函数到子元素说锚标记

1 个答案: