Javascript 如何隐藏<;部门>;在asp.net中使用jquery标记?
我试图使用jquery隐藏一个div标记,但我不知道为什么它不隐藏。 我使用的是Microsoft.NET Framework版本:4.0.30319;ASP.NET版本:4.6.1069.1。 页面加载时,id为“Panel2”的div标记显示隐藏和 每当我点击按钮时,id为“Panel2”的div标签就会显示出来。 但它不是这样发生的…当页面加载时,它会隐藏该div标记,但当我单击按钮时,它会在隐藏后仅显示该div标记2秒钟(即返回其隐藏状态)。 我听说jquery不能与.aspx一起正常工作。我不知道为什么会这样,那么解决方案是什么 问题在于行号47到54(即隐藏div标记的查询在这些行之间) 以下是我尝试过的:Javascript 如何隐藏<;部门>;在asp.net中使用jquery标记?,javascript,jquery,asp.net,Javascript,Jquery,Asp.net,我试图使用jquery隐藏一个div标记,但我不知道为什么它不隐藏。 我使用的是Microsoft.NET Framework版本:4.0.30319;ASP.NET版本:4.6.1069.1。 页面加载时,id为“Panel2”的div标记显示隐藏和 每当我点击按钮时,id为“Panel2”的div标签就会显示出来。 但它不是这样发生的…当页面加载时,它会隐藏该div标记,但当我单击按钮时,它会在隐藏后仅显示该div标记2秒钟(即返回其隐藏状态)。 我听说jquery不能与.aspx一起正常工
var currentTab=0;
$(函数(){
$(“#制表符”)。制表符({
选择:功能(e,i){
currentTab=i.index;
}
});
});
$(“#btnNext”).live(“单击”,函数(){
var tabs=$('#tabs').tabs();
变量c=$('#tabs')。tabs(“长度”);
currentTab=currentTab==(c-1)?currentTab:(currentTab+1);
tabs.tabs('选择',当前选项卡);
$(“#btnPrevious”).show();
如果(currentTab==(c-1)){
$(“#btnNext”).hide();
}否则{
$(“#btnNext”).show();
}
});
$(“#btnPrevious”).live(“单击”,函数(){
var tabs=$('#tabs').tabs();
变量c=$('#tabs')。tabs(“长度”);
currentTab=currentTab==0?currentTab:(currentTab-1);
tabs.tabs('选择',当前选项卡);
如果(currentTab==0){
$(“#btnNext”).show();
$(“#btnPrevious”).hide();
}
如果(当前选项卡<(c-1)){
$(“#btnNext”).show();
}
});
$(函数(){
$(“#Panel2”).hide();
$(“#按钮1”)。单击(函数(){
如果($('#Panel2')。是(“:hidden”)){
$('#Panel2').show();
}
});
});
A-
B-
C-
D-
正确答案是:-
表2内容
表3内容
表4内容
表5内容
这导致在单击时重新加载页面,并在重新加载时隐藏div,,
解决方案:
首先,您需要在重新加载时删除和隐藏您的div:
//$("#Panel2").hide();
问题2您的按钮1是提交和提交重新加载页面,因此您需要添加此代码以避免重新加载:
$(function () {
//$("#Panel2").hide();
document.getElementById('form1').onsubmit = function () {
return false;
}//Avoid Reloading
$("#Button1").click(function() {
if ($('#Panel2').is(":hidden")) {
$('#Panel2').show();
}
if ($("#Button1").val() == "Show Answer")
{
$("#Button1").val("Hide Answer");
} else {
$("#Button1").val("Show Answer");
}
});
});
要在起始页隐藏您的div,请在您的代码中写入以下内容:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
Panel2.Style.Add("display", "none");
}
}
谢谢。非常感谢。现在它工作得很好。请告诉我如何在点击按钮时更改按钮文本,即从“显示答案”更改为“隐藏答案”