代码之家  ›  专栏  ›  技术社区  ›  Takuhii

使用jquery拆分页面

  •  0
  • Takuhii  · 技术社区  · 12 年前

    我的任务是通过拆分屏幕,将内容动态插入网页。

    我真的不知道该从什么开始,因为我认为这是一种jQuery手风琴的形式,但整个页面需要拆分,内容也需要相应地移动。

    *******************************
    *                             *
    * THIS IS                     *
    * MY WEBPAGE                  *
    *                             *
    *******************************
    

    这将变成;

    *******************************
    *                             *
    * THIS IS                     *
    *                             *
    * Inserted content here       *
    *                             *
    * MY WEBPAGE                  *
    *                             *
    *******************************
    


    break下面的内容都会随之下移。如果我有很多内容要移动到split下面,我认为这是非常重的资源。

    4 回复  |  直到 12 年前
        1
  •  0
  •   Rafi    12 年前

    听起来你需要一个简单的可折叠面板。有很多可用的。我喜欢 Darren's .

    一个更基本的方法是有一个空的div,您可以 load html 使用jQuery将其导入。当div的html被加载时,它下面的所有内容都会自动下移。

        2
  •  0
  •   Expedito    12 年前

    您必须在页面中插入一个div,其id如下:

    <div id="content">Hello World</div>
    

    当页面加载时,jQuery可以使用

    $('#content').hide();
    

    这样做可以在没有启用javascript的情况下查看内容。然后您需要一个点击功能来显示内容:

    $("#show").click(function(){
        $("content").show();
    });
    

    我不知道你到底想做什么,但你应该查阅jQuery文档: http://api.jquery.com/hide/ .

        3
  •  0
  •   PranitG    12 年前

    您可以尝试为网页使用sngle div,然后根据需要进行定位。

        4
  •  0
  •   Thorin Schiffer    11 年前

    我知道这是个老问题,但你可以试试 jQuery Simple Collapsible Panel Plugin .