使用jquery从另一个更新面板上单击链接按钮显示DIv元素

时间:2011-04-26 14:28:57

标签: jquery asp.net

每当我点击标识为<div>的链接按钮时,我想显示包含两个更新面板的lnkOrderID元素,该按钮也位于其他更新面板中。我正在使用jQuery:

<asp:UpdatePanel>
<asp:LinkButton ID="lnkOrderID" Text='<%# Bind("OrderID") %>' runat="server" CommandName="EditMarketOrder" OnClientClick="ShowHideDivs();"
</asp:UpdatePanel>


<div id="divOrderLines" runat="server">
    contain two update panel which i need to show when i click on link button
</div>

1 个答案:

答案 0 :(得分:0)

啊jQuery和webforms--有趣的东西!

无论如何,我认为你最好直接从JavaScript进行所有绑定和函数调用,而不是使用ClientClick属性。

你说你正在使用jQuery ......是内联还是单独的js文件?

如果它是内联的,你可以这样做:

$(document).ready(function() {
    $("#<%= lnkOrderID.ClientID %>").click(function() {
        $("#<%= divOrderLines.ClientID %>").show();
    });
});

如果它位于外部文件中,则您无权访问&lt; %%&gt;标签,所以你可以使用jQuery的正则表达式引擎来查找选择器。以下搜索以引号中的字符串开头的ID:

$(document).ready(function() {
    $("*[id$='lnkOrderID']").click(function() {
        $("*[id$='divOrderLines']").show();
    });
});
祝你好运!