Question

我有一个使用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)</a>
 <div>

和jquery后端一样：

$('#swiperightbtn').on("click",function() {
    document.write('yes');
});

我正在使用document.write来测试它实际上是否正常工作。但是，当我加载时，没有任何事情发生，并且日志/开发人员控制台中没有报告。

Answer 1

试试这个

$(document).ready(function(event){
    $('#swiperightbtn').on("click",function() {
        document.write('yes');
        return false;
        event.preventDefault();
    });
});

Answer 2

试试这个，

$(function(){
  $('#swiperightbtn, #swipeleftbtn').on("click",function(e) {
   e.preventDefault();
   alert('yes');
  });
});

HTML：

 <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>

演示：http://jsfiddle.net/37am9/1/

或者您可以使用选择器$('#swipebuttons a')

Answer 3

要让主持人认为还有另一项工作要做。

$('#swiperightbtn').on("click",function() {
    document.write('yes');
    return false;
});

Example working

如果您没有event.preventDefault();或return false;，则该链接会尝试继续为空href=""。

Jquery按钮没有触发JSON

3 个答案:

Example working