如何在按鈕點擊後顯示「No More Data」消息javascript

我想在jacasvript的幫助下點擊按鈕後顯示「Sorry！No More data to display」。請在點擊按鈕之前和按鈕之後查看按鈕點擊圖片。如何在按鈕點擊後顯示「No More Data」消息javascript

我使用下面的JavaScript功能，但它不工作

$(document).ready(function(){ 
$(".Load_More_Button").click(function(){ 
     document.getElementById('noMoreDiv').style.display = "block" 

});

和相關的HTML

<div id="noMoreDiv" style="display:none;" class="answer_list" > Sorry! No more data to display!</div> <button class="col-xs-12 col-sm-6 col-md-4 col-lg-2 Load_More_Button"> LOAD MORE POSTS </button>

請諮詢我如何才能做到這一點目標。

來源

2016-08-12 Arpit Gupta

我已經把你的代碼在我的網頁一切正常，你可以請更新，如果在控制檯 –

嘗試......

假設你是jQuery的...讓使用$(..).hide();和$(..).show();。這會自動執行css display功能。

$(document).ready(function() { 
 
    $(".Load_More_Button").click(function() { 
 
    $('#noMoreDiv').show(); 
 
    $('.Load_More_Button').hide(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<div id="noMoreDiv" style="display:none;" class="answer_list">Sorry! No more data to display!</div> 
 
<button class="col-xs-12 col-sm-6 col-md-4 col-lg-2 Load_More_Button">LOAD MORE POSTS</button>

來源

2016-08-12 06:48:32 Sankar

謝謝主席先生！它的工作正常 –

試試這個：

$(document).ready(function(){ 
    $(".Load_More_Button").click(function(){ 
     $('#noMoreDiv').show(); // this will make your div visible 
    }); 
});

來源

2016-08-12 06:44:42

document.getElementById('noMoreDiv').innerHtml = "Sorry! No more data to display!".

讓您的DIV空，並設置由JavaScript的文本。

來源

2016-08-12 06:45:42

$(document).ready(function() { 
 
    $(".Load_More_Button").click(function() { 
 
    $loadButton = $(this); 
 
    $.getJSON(url, function(data) { 
 
     if (data.content) { 
 
     //append your content 
 
     } 
 
     if (!data.more) { 
 
     $loadButton.hide(); 
 
     $('#noMoreDiv').show(); 
 
     } 
 
    }); 
 

 

 
    }); 
 
});

來源

2016-08-12 06:46:46

其示值誤差的任何錯誤 –

如何在按鈕點擊後顯示「No More Data」消息javascript

回答

相關問題