如何在窗口调整大小时使用Jquery从DOM中添加/删除Div

维克拉姆·阿南德·布珊(Vikram Anand Bhushan)

我正在尝试删除div并将其添加回窗口调整大小的DOm上。

我在移动网页上的不同位置生成了两个google add position根据Google的政策,移动页只能添加一个。

但是我不得不显示谷歌根据不同的窗口大小/移动设备等在diffenret的地方添加。所以我只是使用Media Queries隐藏了其中一个。

但是由于另一个div也处于管辖区,因此违反了政策。所以我用下面的脚本

<script>
$(document).on('pagecreate','#outerPage',function(e) {
   var windowWidth = $(this).width();
   if(windowWidth <300)
   {
       $('.addBigphone').remove();
   }
   else
   {
       $('.addSmallphone').remove();
   }
});
</script>

HTML看起来像这样

<div id="bloque" class="addSmallphone">
    <?php // if($showadslast==t rue){?>
    <div class="google_add">
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <!-- resultmobile -->
<ins class="adsbygoogle" style="display:inline-block;width:320px;height:90px" data-ad-client="ca-pub-8" data-ad-slot=""></ins>

        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>

<div id="bloque1" class="addBigphone">
        <?php // if($showadslast==t rue){?>
        <div class="google_add">
            <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            <!-- resultmobile -->
    <ins class="adsbygoogle" style="display:inline-block;width:320px;height:90px" data-ad-client="ca-pub-8" data-ad-slot="04"></ins>

            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
        </div>

现在,它仅适用于页面加载。

注意我要保存div的内容,并以不同的大小将其重新添加。我怎样才能做到这一点

提前致谢

al

我想这就是你想要的。在计划将元素重新插入DOM时,应该使用detach而不是remove

var $bigPhoneAdd = $('.addBigphone'),
    $smallPhoneAdd = $('.addSmallphone');

$(window).resize(function(e) {
   var windowWidth = $(this).width();

   if (windowWidth < 300) {
       $bigPhoneAdd.detach();

       //You should append at desired insertion point...
       //Perhaps it could be made dynamic by storing $('.addBigphone').parent()
       //when the page loaded.
       $smallPhoneAdd.appendTo(?);
   }
   else {
       $smallPhoneAdd.detach();

       //You should append at desired insertion point...
       $bigPhoneAdd.appendTo(?);
   }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery .remove()不删除(在窗口调整大小时)

来自分类Dev

如何在窗口调整大小时覆盖我的数组?

来自分类Dev

如何在窗口调整大小时重绘画布

来自分类Dev

如何在窗口调整大小时为等高的孩子重新加载 div

来自分类Dev

如何在窗口调整大小时更改jQuery动画值

来自分类Dev

如何在窗口调整大小时重置jQuery scrollspy的最小值/最大值

来自分类Dev

如何在窗口调整大小时更改jQuery动画值

来自分类Dev

您如何在窗口调整大小时使用角度调整Facebook插件注释(fb-comments)的大小?

来自分类Dev

当窗口调整大小时删除附加的 jQuery Div - jQuery

来自分类Dev

使用jQuery在窗口/视图外对div进行动画处理,调整大小时会忽略css规则

来自分类Dev

水平对齐div,在窗口调整大小时停止浮动

来自分类Dev

jQuery:在窗口调整大小时使两个div高度相同

来自分类Dev

在窗口调整大小时重新运行jQuery插件实例

来自分类Dev

jQuery Toggle在窗口调整大小时不显示

来自分类Dev

在窗口调整大小时触发jQuery插件吗?

来自分类Dev

如何在窗口调整大小时重新绘制SVG地图?

来自分类Dev

如何在窗口调整大小时禁用/重新启用Javascript?

来自分类Dev

如何防止导航栏在窗口调整大小时转移?

来自分类Dev

如何防止导航栏在窗口调整大小时转移?

来自分类Dev

如何在调整窗口大小时获得猫头鹰轮播中的 div 高度?

来自分类Dev

在窗口调整大小时隐藏元素

来自分类Dev

页眉在窗口调整大小时移动

来自分类Dev

在窗口调整大小上删除并添加类

来自分类Dev

如何在WPF中调整窗口大小时缩放按钮

来自分类Dev

CSS在窗口调整大小时调整div和div内的图像

来自分类Dev

如何在窗口调整大小上删除/重新加载机车滚动?

来自分类Dev

在窗口大小调整中向元素添加类

来自分类Dev

在窗口调整大小时按比例调整div的宽度和高度

来自分类Dev

如何在调整大小时将html元素固定在窗口的底部,而不是在滚动时将其固定在窗口的底部?

Related 相关文章

  1. 1

    jQuery .remove()不删除(在窗口调整大小时)

  2. 2

    如何在窗口调整大小时覆盖我的数组?

  3. 3

    如何在窗口调整大小时重绘画布

  4. 4

    如何在窗口调整大小时为等高的孩子重新加载 div

  5. 5

    如何在窗口调整大小时更改jQuery动画值

  6. 6

    如何在窗口调整大小时重置jQuery scrollspy的最小值/最大值

  7. 7

    如何在窗口调整大小时更改jQuery动画值

  8. 8

    您如何在窗口调整大小时使用角度调整Facebook插件注释(fb-comments)的大小?

  9. 9

    当窗口调整大小时删除附加的 jQuery Div - jQuery

  10. 10

    使用jQuery在窗口/视图外对div进行动画处理,调整大小时会忽略css规则

  11. 11

    水平对齐div,在窗口调整大小时停止浮动

  12. 12

    jQuery:在窗口调整大小时使两个div高度相同

  13. 13

    在窗口调整大小时重新运行jQuery插件实例

  14. 14

    jQuery Toggle在窗口调整大小时不显示

  15. 15

    在窗口调整大小时触发jQuery插件吗?

  16. 16

    如何在窗口调整大小时重新绘制SVG地图?

  17. 17

    如何在窗口调整大小时禁用/重新启用Javascript?

  18. 18

    如何防止导航栏在窗口调整大小时转移?

  19. 19

    如何防止导航栏在窗口调整大小时转移?

  20. 20

    如何在调整窗口大小时获得猫头鹰轮播中的 div 高度?

  21. 21

    在窗口调整大小时隐藏元素

  22. 22

    页眉在窗口调整大小时移动

  23. 23

    在窗口调整大小上删除并添加类

  24. 24

    如何在WPF中调整窗口大小时缩放按钮

  25. 25

    CSS在窗口调整大小时调整div和div内的图像

  26. 26

    如何在窗口调整大小上删除/重新加载机车滚动?

  27. 27

    在窗口大小调整中向元素添加类

  28. 28

    在窗口调整大小时按比例调整div的宽度和高度

  29. 29

    如何在调整大小时将html元素固定在窗口的底部,而不是在滚动时将其固定在窗口的底部?

热门标签

归档