ajax 只能点击一次,jQuery Ajax调用点击只能工作一次

我正在为客户网站构建测验，我从Ajax调用中获取问题，然后用新问题替换HTML内容，问题仅在于我的Ajax调用正在工作一次，然后失败，如果我再试一次。当我用html()一次替换所有内容时，它会失败，如果我将它拆分为多个部分，并且替换为html()，那么每个部分的工作都没有问题，但是如果我第一次失败后一次全部完成，可以看看我的代码，并告诉我为什么会发生这将是非常感谢，提前感谢！jQuery Ajax调用点击只能工作一次

HTML

Skip

Q: Lorem Ipsum?

• A: Lorem 1.
• B: Lorem 2.
• C: Lorem 3
• D: Lorem 4.

Next

AJAX调用只能使用一次

$('.question,.navigation').on('click', '.button', function() {

$.ajax({

type: 'POST',

url: 'http://www.mysite.com/handler-question.php',

dataType: 'json',

data: $(this).data('object'),

success: function(data) {

$('.quiz').html('

'

+ '

'

+ ''

+ '

'

+ '

'

+ ''

+ 'Skip'

+ ''

+ '

Q: '+data[0].que_question+'

'

+ '

'

+ '

'

+ '

• '

+ '

A: '+data[1].ans_answer+''

+ '

B: '+data[2].ans_answer+''

+ '

C: '+data[3].ans_answer+''

+ '

D: '+data[4].ans_answer+''

+ '

'

+ '

'

+ '

'

+ 'Next'

+ '

'

+ '

');

}

});

});

AJAX调用工作没有问题

$('.question,.navigation').on('click', '.button', function() {

$.ajax({

type: 'POST',

url: 'http://www.mysite.com/handler-question.php',

dataType: 'json',

data: $(this).data('object'),

success: function(data) {

$('.sign').html('');

$('.question').html(''

+ 'Skip'

+ ''

+ '

Q: '+data[0].que_question+'

');

$('.answers').html('

• '

+ '

A: '+data[1].ans_answer+''

+ '

B: '+data[2].ans_answer+''

+ '

C: '+data[3].ans_answer+''

+ '

D: '+data[4].ans_answer+''

+ '

');

$('.navigation').html('Next');

}

});

});

+3

你真的需要在jQuery中生成所有的HTML吗？为什么不能静态创建大部分数据，只需用动态数据替换所需的位？ –