jQuery单击函数不能与setInterval一起使用

时间:2016-06-23 10:57:09

标签: javascript jquery html setinterval

我用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部分。

提前致谢。

0 个答案:

没有答案