我有一组按钮,每个按钮都可以通过aspx页面的代码隐藏文件中的“Visible = false”隐藏。 其中一个按钮称为“讨论”
现在,我有另一个按钮,如果隐藏了“讨论”,则在点击时会显示弹出窗口。我如何使用jQuery实现这一目标?
答案 0 :(得分:2)
是的,你可以使用jQuery来做到这一点。使用.css()检查按钮的visibility属性。如果它被隐藏,则显示一个PopUp。
HTML:
<input type="button" id="popUpButton" value="Show Pop Up" />
<input type="button" id="discussionButton" value="Discussion" />
CSS:
#discussionButton{
visibility : hidden;
}
jQuery:
$("#popUpButton").click(function(){
var visibility = $("#discussionButton").css("visibility");
if(visibility == "hidden"){
alert("Discussion Button is Hidden!!");
}
});
使用ASP.NET的另一种方式:
使用按钮的 OnClientClick 属性调用一个函数,该函数将使用jQuery检查按钮是否可见。
加价:
<asp:Button ID="popUpButton" runat="server" OnClientClick="CallFunction()" Text="Pop Up"/>
<asp:Button ID="discussionButton" runat="server" Text="Discussion" Visible="false" />
jQuery:
function CallFunction() {
var visibility = $("#discussionButton").is(":visible");
if (visibility == false) {
alert("Discussion button is Hidden!!!");
}
}