Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JS onClick上的按钮或模式切换_Javascript_Jquery_Html - Fatal编程技术网

Javascript JS onClick上的按钮或模式切换

Javascript JS onClick上的按钮或模式切换,javascript,jquery,html,Javascript,Jquery,Html,我有一个可以切换模态的div。我使用内置的数据切换函数或onClick方法来实现这一点。现在我想在这个div中有一个按钮,它调用ajax请求而不打开modal 我怎么能这样做 谢谢。只需在按钮单击事件侦听器中返回false,下面是一个简单的: 我可以使用stopPropogation()方法完成此操作: 你能添加你的代码吗 $('#ajax').click(function(e){ alert('do ajax'); return false; }) <

我有一个可以切换模态的div。我使用内置的数据切换函数或onClick方法来实现这一点。现在我想在这个div中有一个按钮,它调用ajax请求而不打开modal

我怎么能这样做


谢谢。

只需在按钮单击事件侦听器中返回false,下面是一个简单的:


我可以使用stopPropogation()方法完成此操作:



你能添加你的代码吗
$('#ajax').click(function(e){        
    alert('do ajax');
    return false;
})
<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();
}