使用jquery在不同的页面显示元素

母版页
默认页面（从母版页继承）

我在母版页&我需要点击一些菜单项&菜单时，它的点击我需要一些元素（跨度）在默认页面中可见。

下面的代码没有错误，但预期的结果没有发生。

MasterPage：

<li id="lgbtn" style="float:right"><a href="#">Login</a></li> 
<script> 
     $('#lgbtn').live('click', function (e) { 
      $('span4').show();//<-- this span is in Default page 
     }); 
    </script>

Default.aspx：

<div class="span4" style="visibility:hidden"> 
    <form name="form-area" class="form-area" runat="server"> 
    //Some content here 
    </form> 
</div>

来源

2014-05-01 TechGuy

1）你错过dot类

2）你visiblity风格让节目并没有在这种情况下工作，所以请使用css风格visibility visible

$('.span4').css("visibility" , "visible");

试试这个

$('#lgbtn').live('click', function (e) { 
     if($('.span4').is(":visible")){ 
     $('.span4').css("visibility" , "hidden"); 
     } 
     else{ 
     $('.span4').css("visibility" , "visible"); 
     } 
    });

另一种方式

<div class="span4" style="display:none"> 
    $('#lgbtn').live('click', function (e) { 
      if($('.span4').is(":visible")){ 
      $('.span4').show(); 
      } 
      else{ 
      $('.span4').hide(); 
      } 
     });

做你最简单的方法在HTML

<div class="span4" style="display:none"> 

    $('#lgbtn').live('click', function (e) { 

      $('.span4').toggle(); 

     });

第一你知道什么是公开程度与显示器之间的差异也随之变化in css

知名度：隐藏隐藏该元素，但它仍占用的空间布局。

display：none从文档中完全删除元素。它不占用任何空间，即使它的HTML仍然在的源代码。

您可以在此页面上看到这些样式属性的效果。 I 创建了三个相同的代码样本，然后将显示和两个可见性属性设置为两个，以便您可以看到它们的外观。

来源

2014-05-01 11:12:48

解决it.thanks – TechGuy

Good.How做我上可见的伪再次点击下一步？ – TechGuy

$（'。span4'）.css（“visibility”，“hidden”）; –

使用

像

<script> 
     $('#lgbtn').live('click', function (e) { 
      $('.span4').css("visibility" , "visible"); 
     }); 
    </script>

DEMO

UPDATED DEMO WITH toggle()

对于肘节（）的使用

toggle

HTML

<li id="lgbtn" style=""><a href="#">Login</a></li> 
<div class="span4" style="display:none">asds</div>

$(document).ready(function() { 
$("#lgbtn").click(function() { 
     alert("clicked"); 
      $('.span4').toggle(); 
     }); 
    });

来源

2014-05-01 11:14:18

好。如何在下次点击时再次显示虚假？ – TechGuy

@ TechGuy：在下次点击登录时可见虚假？ –

使用$（“。span”）。toggle（）; –

尝试使用代码：

$('#lgbtn').live('click', function (e) { 
     $('.span4').show();//<-- this span is in Default page 
    });

来源

2014-05-01 11:15:28 mr100

好。我如何在下次点击时再次显示虚假？ – TechGuy

使用toogle函数而不使用任何参数，而不是显示 – mr100

在jQuery中，如果你想基于类来获得元素，那么你必须编写如下的语法

$（ '类名。 '）

，并获得基于元素的id，然后

$（' ＃控件ID'）

来源

2014-05-01 11:15:31

jQuery的.show是一样的话显示：块;

为了使用

$('.span4').css("visibility" , "visible");

还是要解决这个问题，你可以改变它，你可以改变的HTML如下：

<div class="span4" style="display: none;"> 
    <form name="form-area" class="form-area" runat="server"> 
    //Some content here 
    </form> 
</div>

来源

2014-05-01 11:25:47

好。如何在下次单击时再次显示虚假？ – TechGuy

TechGuy您可以使用切换功能，以根据当前状态打开和关闭show属性。您可以在这里阅读更多关于它的信息： http://api.jquery.com/toggle/ –

使用jquery在不同的页面显示元素

回答

相关问题