当我使用jquery隐藏它时,为什么元素会再次出现

时间:2015-12-15 11:14:26

标签: jquery asp.net listview updatepanel linkbutton

我在网页和listview中有一个listview控件,我有一个LinkBut​​ton。我的LinkBut​​ton内部更新面板控件。当我点击LinkBut​​ton时,Counter field +1。我使用ClientIDMode =“AutoID”为我的页面没有完整postpack。现在,我想点击LinkBut​​ton时,LinkBut​​ton的显示等于'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>

现在,我的问题是:当我点击LinkBut​​ton时,LinkBut​​ton会隐藏并再次显示。我的错在哪里请帮我。非常感谢。

这是我的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>

1 个答案:

答案 0 :(得分:0)

由于asp.net控件的自动发布功能,这很讨厌。更新你的java脚本函数,其余代码也一样。

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