为什么当我使用 jquery 隐藏它时该元素再次显示

Question

我在网页中有一个列表视图控件，在列表视图中，我有一个 LinkButton。我的 LinkButton 在 updatepanel 控件中。当我点击 LinkButton 时，计数器字段 +1。我使用 ClientIDMode="AutoID" 因为我的页面没有完整的 postpack。现在，我希望在单击 LinkButton 时，LinkButton 的显示等于 'none'。为此，我使用以下脚本：

<script type="text/javascript">
function updateTextArea() {
    $('.like').on('click', 'a', function () {
        $(this).hide();
    });
}

<script type="text/javascript">
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(updateTextArea);
</script>

现在，我的问题是：当我单击 LinkButton 时，LinkButton 会隐藏并再次显示。哪里是我的错。请帮我。非常感谢。

这是我的 aspx 代码：

<asp:ListView ID="PortfolioListView" runat="server" onitemcommand="PortfolioListView_ItemCommand">
                <ItemTemplate>
                    <li class="item brick1 <%# Eval("CategoryName")%> isotope-item">
                        <a class="item-popup" href="Gallery/195x195/<%# Eval("MainImage") %>" title="<%# Eval("ShortDesc") %>">
                            <img src="Gallery/195x195/<%# Eval("MainImage") %>" alt="<%# Eval("Title") %>" />
                            <div class="hover">
                                <span class="Popup"><i class="fa fa-search-plus"></i></span>
                                <span><%# Eval("CategoryName")%></span>
                            </div>
                        </a>
                        <div class="bottom">
                            <div class="title"><span><%# Eval("Title")%></span></div>
                            <asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate>
                            <div class="like"><asp:LinkButton ID="LikeLBTN" runat="server" ClientIDMode="AutoID" OnClientClick="updateTextArea()" CommandName="Like" CommandArgument="<%# Bind('GalleryID') %>"><i class="fa fa-thumbs-o-up"></i><span><%# Eval("Counter")%></span></asp:LinkButton></div>
                            </ContentTemplate></asp:UpdatePanel>
                        </div>
                    </li>
                </ItemTemplate>
            </asp:ListView>

Answer 1

由于 asp.net controls.Update 您的 java-script 函数的自动 post 功能，其余代码将相同。

function updateTextArea() {
        $('.like').on('click', 'a', function () {
            $(this).hide();
            return false;
        });
    }

为什么当我使用 jquery 隐藏它时该元素再次显示

Why the element shows again when I hide it using jquery

asp.net

jquery

listview

updatepanel

linkbutton