我用setInterval每秒调用一个内部网页到我的div(也就是说重新加载div)。它工作正常,但用户应该单击该重新加载div内的按钮,它会失败。
这是我的代码:
HTML:
<ul class="folio-list" id="buttons"></ul>
JavaScript的:
<script type="text/javascript">
window.onload = function() {
setInterval(function(){ $("#buttons").load("<?php echo site_url('buttons'); ?>"); }, 1000);
};
</script>
这是调用页面的HTML:
<li class="tile-large pink">
<div id="time">
<h2 class="Hours">30 Minutes </br> 1 BTC</h2>
<br />
<div class="timer">
<div class="col-xs-4">
<div class="form-group">
<input type="text" class="form-control" id="hrs" value="0">
<label for="firstname" class="col-sm-2 control-label">Hrs</label>
</div>
</div>
<div class="col-xs-4">
<div class="form-group">
<input type="text" class="form-control" id="mnt" value="0">
<label for="firstname" class="col-sm-2 control-label">Mnt</label>
</div>
</div>
<div class="col-xs-4">
<div class="form-group">
<input type="text" class="form-control" id="sec" value="0">
<label for="firstname" class="col-sm-2 control-label">Sec</label>
</div>
</div>
</div>
<br />
<h3 class="winner-name"> Nobody </h3>
<button class="btn btn-success pay" data-id="2">Get Ticket!</button>
</div>
</li>
我正在尝试将此部分点击
<button class="btn btn-success pay" data-id="2">Get Ticket!</button>
使用以下JavaScript代码:
<script type="text/javascript">
$('.pay').click(function() {
var id = $(this).attr('data-id');
$.ajax({
url: "<?php echo site_url('pay'); ?>" + "/" + id,
type: 'POST',
success: function(answer) {
$('#answer').html(answer);
}
});
});
</script>
当我禁用重装东西时,按钮工作正常。我确定问题是setInterval部分。
提前致谢。