首次单击html.disable link.in html.java后隐藏链接

Question

我通过链接“Like”传递一些值，我想设置属性，以便链接被隐藏或禁用，如果它被点击一次..  试过这段代码 onclick="this.style.display='none';"

但它似乎没有起作用。请帮助将js或任何其他替代方法放在哪里..

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

Answer 1

据说这个功能最好用javascript实现。 首先为链接分配一个有效的ID，然后按照：

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

之后，在您的javascript代码中：

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

如果您不使用.ready函数，请记住导入jquery库并在显示代码时导入.js。

编辑：请注意，在之前曝光的方式中，您仍会获得链接所在的框，但它会隐藏显示。

Answer 2

如果你需要传递一些值以及隐藏元素我应该使用ajax。当您将url传递给href属性时，它会将您重定向到该页面。 java脚本函数可以更好地工作。在onClick事件上调用javascript函数，如

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

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

</script>

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>