Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何隐藏<;部门>;在asp.net中使用jquery标记?_Javascript_Jquery_Asp.net - Fatal编程技术网

Javascript 如何隐藏<;部门>;在asp.net中使用jquery标记?

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一起正常工

我试图使用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标记的查询在这些行之间) 以下是我尝试过的:


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");
            }
        }

谢谢。

非常感谢。现在它工作得很好。请告诉我如何在点击按钮时更改按钮文本,即从“显示答案”更改为“隐藏答案”