“Data-loading"按钮没有被禁用在推特引导

"Data-loading" button not getting disabled in twitter bootstrap

本文关键字：Data-loading quot 按钮      更新时间：2023-09-26

我正在制作twitter bootstrap "data-loading"按钮。下面张贴的是我的代码。该按钮一旦超过页面限制就必须被禁用。我能够做到这一点与正常的按钮，不包含"数据加载"选项。下面是我的代码

 <head>
  <style type="text/css">
   * {
    font-family:"Times New Roman", Times, serif;
     }
 </style>  
<script>
 $(document).ready(function(){
  var track_click =0;
  var y = <?php echo $y; ?>;
    $('#ram').load("fetch_pages.php", {'page':track_click}, function(){track_click++;   
     });
    $('.load_more').on("click",function()
    { 

    if(track_click<=y)
    {
        $.post('fetch_pages.php',{'page': track_click},function(data){
            $('.load_more').show();
            $('#ram').append(data);
            $("html, body").animate({scrollTop: $("#hi").offset().top}, 500);

            track_click++;
        }).fail(function(xhr, ajaxOptions, thrownError) { 
            alert(thrownError); //alert any HTTP error
            $(".load_more").show(); //bring back load more button
        });
    if(track_click >= y-1)
    {
            $('.load_more').attr('disabled','disabled');

    }
    }

    });
    });
  $(function() { 
      $(".btn").click(function(){
      var btn = $(this)
      btn.button('loading')
      setTimeout(function(){
      btn.button('reset')},100);

      });        
     });


   </script>
 </head>
<?php
 include 'config.inc.php';
 $query = "select count(*) from posts";
 $exec = mysqli_query($connecDB,$query);
 $ref = mysqli_fetch_array($exec);
 echo $item_per_page;
 $y=$ref[0];
 $k=ceil($y/$item_per_page);
      ?>


   <body>
    <div align="center">
     <button class="  load_more btn btn-primary" name = "test"  id="hi">load       
      More</button>
       </div>
    <div id = "ram">
    </div>

 </body>
 </html>

尝试使用prop代替attr:

$('.load_more').prop('disabled',true);

如果这不能解决你的问题，你需要检查track_click和y中有什么，如果没有一些实际数据，我们无法真正为你做。

编辑:我把你的代码在jsbin，它似乎运行良好的硬编码变量和没有帖子，所以我认为这是你的代码的一些其他部分的问题。

相关文章：