Wie "No More Data" Meldung nach dem Klick auf die Schaltfläche in Javascript

Question

Ich möchte eine "Entschuldigung! Keine weiteren Daten zur Anzeige" nach dem Klicken mit Hilfe von jacasvript.Bitte sehen Sie sich vor der Schaltfläche klicken und nach der Schaltfläche Klicken Sie auf Bilder.

i folgende JavaScript-Funktion verwenden, aber es funktioniert nicht

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

}); 

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

mir bitte Rat, wie ich das erreichen kann Ziel.

Answer 1

Try this ...

Angenommen, Sie jQuery sind ... Verwendung von $(..).hide(); und $(..).show(); Stellen. Dies wird die css display Funktion automatisieren.

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

Answer 2

Versuchen Sie folgendes:

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

Answer 3

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

Machen Sie Ihre div leeren und den Text von Javascript gesetzt.

Answer 4

$(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(); 
 
     } 
 
    }); 
 

 

 
    }); 
 
});