按下JS onClick或模态切换

Question

我有一个div来切换模态。我是通过使用内置的数据切换功能或onClick方法来完成的。现在我想在这个div中有一个按钮来调用ajax请求并且不打开模态。

我怎么能这样做？

感谢。

Answer 1

只需在按钮点击事件监听器中返回 false ，这是一个简单的demo：

$('#ajax').click(function(e){        
    alert('do ajax');
    return false;
})

Answer 2

我能够使用stopPropogation（）方法完成它：

<div class="col-sm-8 col-md-3" data-target="#modal-1" onclick="toggle_modal(this)">
    <div id="1" onclick="toggle_start(this)></div>
</div>

function toggle_modal(clicked_element){
    id = $(clicked_element).attr('data-target');
    $(id).modal('show');
}

function toggle_start(clicked_element){
    alert($(clicked_element).attr('id'));
    event.stopPropagation();
}