最初にクリックした後でリンクを非表示にするlink.in html.java

Question

リンクの中にいくつかの値を渡しています。リンクを隠すか無効にするかを設定したいあなたが渡す必要がある場合は...

...

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

Answer 1

を は
onclick="this.style.display='none';"

このコードを試してみましたが、しかし、jsファイルや他の代替方法を置く場所として助けをworking.Pleaseているように見えるしません。いくつかの値だけでなく、私はajaxを使用する必要がありますものを隠す要素。 href属性にURLを渡すと、そのページにリダイレクトされます。 Javaスクリプト関数がうまくいくかもしれません。

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

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

</script> 

Answer 2

のように、onClickイベントのjavascript関数を呼び出すと、この関数はjavascriptで実装する方が良いと言われています。 は、まず、リンクのための有効なIDを割り当て、この従ってください：あなたのコードが表示されたとき

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

はjQueryライブラリをインポートし、.jsファイルをインポートすることを忘れないでください：あなたのjavascriptのコードでは、その後

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

を.ready関数を使用しない場合。

編集：以前に公開された方法では、まだリンクがあったボックスが表示されますが、非表示になっています。

Answer 3

anchorタグのクラスを定義し、リクエストを送信するユーザーajax投稿を入力してから、hide()という要素を非表示にすることができます。

は、例えば、以下を参照してください。

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