从未显示的div中显示div

时间:2013-08-24 17:33:20

标签: jquery html ajax

是否可以显示未显示的div中的div,而其余的不再出现?

因此,在包含页面后,我会过滤名为main-content的div并显示子内容。

我为移动版和个人版的网页版本构建了一个AJAX-include系统。但移动版不必显示所有内容 像这样:

包含的HTML:

<div id="main-content">
Bla bla
<div id=“sub-content“>
Hi hi
</div>
Bla Bla
</div>

在移动版中:

<div id=“sub-content“>
Hi hi
</div>

但是在个人电脑版

 <div id="main-content">
Bla bla
<div id=“sub-content“>
Hi hi
</div>
Bla Bla
</div>

聚苯乙烯。对不起我的英文

3 个答案:

答案 0 :(得分:0)

如果我没有这个,没有 - 不是没有重构你的HTML或添加javascript - 因为父DIV没有显示,那么无论你尝试什么,它都会自动隐藏任何子内容。我担心CSS会起作用的方式我害怕。遗憾

答案 1 :(得分:0)

将你要隐藏的内容包装在另一个div中,然后将这些div分成另一个类。

所以现在不要隐藏你的<div id="main-content">隐藏你在主要内容中新创建的div!

答案 2 :(得分:0)

如果我理解这个问题,这是一个可能的解决方案:

jQuery.ajax({
   //args,
   success: function(result) {
      if (checkMobile()) {
          jQuery(result).find('#sub-conten').appendTo( jQuery('#container') );
      else
          jQuery(result).appendTo( jQuery('#container') );
   }
});

检查设备后,函数checkMobile()返回true或false。

无法在隐藏的div中显示div。