Question

我正在开发twitter bootstrap＆＃34;数据加载＆＃34; button.Below发布的是我的代码。一旦超过页面限制，按钮必须被禁用。我能够使用不包含＆＃34;数据加载＆＃34;的正常按钮来执行此操作。 option.Below发布的是我的代码

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

Answer 1

尝试使用prop代替attr：

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

如果这不能解决您的问题，您需要检查track_click和y中的内容，如果没有某种实际数据，我们无法为您做到这一点。

编辑： I put your code in jsbin它似乎与硬编码变量和没有帖子的运行良好，所以我认为你的代码的其他部分出了问题。

在twitter bootstrap中没有禁用“数据加载”按钮

1 个答案: