Javascript Jquery按钮未触发JSON
我使用href制作了一个按钮,如下所示:Javascript Jquery按钮未触发JSON,javascript,jquery,Javascript,Jquery,我使用href制作了一个按钮,如下所示: <div id='swipebuttons'> <a href="" class="btn btn-default btn-success" id='swiperightbtn'>Swipe right (yes)</a> <a href="" class="btn btn-default btn-danger" id='swipeleftbtn'>Swipe left (no)</
<div id='swipebuttons'>
<a href="" class="btn btn-default btn-success" id='swiperightbtn'>Swipe right (yes)</a>
<a href="" class="btn btn-default btn-danger" id='swipeleftbtn'>Swipe left (no)</a>
<div>
我使用document.write只是为了测试它是否实际工作。但是,当我加载时,什么也不会发生,日志/开发人员控制台中也没有报告。试试这个
$(document).ready(function(event){
$('#swiperightbtn').on("click",function() {
document.write('yes');
return false;
event.preventDefault();
});
});
让主播别以为还有别的事要做
$('#swiperightbtn').on("click",function() {
document.write('yes');
return false;
});
如果不event.preventDefault()
或返回false
链接将尝试继续到空的href=”“
尝试此操作
$(function(){
$('#swiperightbtn, #swipeleftbtn').on("click",function(e) {
e.preventDefault();
alert('yes');
});
});
HTML:
演示:
或者您可以使用选择器
$(“#swipebuttons a”)
尝试使用警报(“是”)。您已将脚本文件包含在html中。是吗?他的一个ID是SwiperRight,另一个是swipeLEFT@Deryck,对不起,我被看多了,谢谢。我已经更新了我的答案,但仍将尝试使用此选项更改为空白页
$(function(){
$('#swiperightbtn, #swipeleftbtn').on("click",function(e) {
e.preventDefault();
alert('yes');
});
});
<div id='swipebuttons'>
<a href="" class="btn btn-default btn-success" id='swiperightbtn'>Swipe right (yes)</a>
<a href="" class="btn btn-default btn-danger" id='swipeleftbtn'>Swipe left (no)</a>
<div>