einen Link nach dem ersten Klick in einem Versteck html.disable link.in html.java

Question

ich einige Werte über einen Link „Like“ bin vorbei, ich habe die Eigenschaft, dass der Link versteckt ist oder deaktiviert gesetzt werden soll, wenn sie einmal angeklickt wird .. haben dieser Code versucht
onclick="this.style.display='none';"

Aber es ist nicht Hilfe als working.Please werden muss scheint, wo die js setzen oder andere alternative Methode ..

<a href="like1?sellerid=<s:property value="id"/>&property_id=<s:property value="p_id"/>"onclick="hide">Like</a>;' 

Answer 1

Wenn Sie übergeben müssen einige Werte sowie verstecken Element, was Sie sollten Ajax verwenden. Wenn Sie eine URL an das href-Attribut übergeben, wird Sie auf diese Seite weitergeleitet. Eine Java Script-Funktion kann besser funktionieren. Rufen Sie eine Javascript-Funktion auf onClick Ereignis wie

<a href="#""onclick="hide()">Like</a> 

<script> 
function hide(){ 
// ajax call to send parameter 
// hide element 
} 

</script> 

Answer 2

Wie es funktioniert dies besser gesagt wurde, ist mit Javascript umgesetzt werden. zunächst eine gültige ID für den Link zuweisen und folgen dieser:

//create a function for the click like: 
$('#buttonId').click(hideButton); 

Danach in Ihrem Javascript-Code:

function hideButton(){$('#buttonId').css({'visibility':'hidden'})}; 

Denken Sie daran, jQuery-Bibliothek zu importieren und die Js importieren, wenn Ihr Code angezeigt wurde wenn Sie keine .ready-Funktion verwenden.

Edit: beachten Sie, dass zuvor in der Art und Weise ausgesetzt werden Sie noch die Box, wo der Link war, aber es ist versteckt angezeigt.

Answer 3

Definieren Sie eine Klasse für anchor Tag und Benutzer Ajax Post, um die Anfrage zu senden, und dann können Sie einfach das Element mit hide() ausblenden.

Siehe unten Beispiel:

$(".like").on("click", function (e) { 
 
    e.preventDefault(); 
 
    $.post(this.href); 
 
    $(this).hide(); 
 
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class="like" href="like1?sellerid=-1">Hide me</a>