Question

我想知道是否可以通过任何机会将DIV从它的父母身上移出来？我有这个使用模板的PHP CMS。 layout.cpl是所有页面的通用模板。在其中，我有这个代码来显示页面的主体......

<div class="boxmain">Content here</div>

我添加了一个jQuery滑块，它只能出现在某些页面上，因此它位于boxmain div中，因为它是父级。滑块的东西是，它应该是一个水平的整页宽度横幅，因此我需要它浮出来。如果我不这样做，它会使用“boxmain”div的100％宽度。

我希望我明白这一点，可能有点令人困惑，但我的基本目标是从父div中获取一个子div，以便能够满足滑动横幅的整页宽度。 / p>

这是另一个模板中滑块的代码，它基本上显示了一个子页面：

<div class="slicebox-wrapper">
    <ul id="sb-slider" class="sb-slider" style="margin-top: -12px; min-width: 100%; max-width: 100%;">
        <li><img src="<?php echo SITE_URL?>/lib/skins/flyeuro/scripts/slicebox/img/ab1.jpg" alt="image1"/></li>
        <li><img src="<?php echo SITE_URL?>/lib/skins/flyeuro/scripts/slicebox/img/ab2.jpg" alt="image2"/></li>
    </ul>   
</div>

Answer 1

我对你的问题有点不清楚，所以我可能错了，但对我来说听起来好像你可能有兴趣从当前div中删除元素并将其放在身体其他地方。您可以使用remove（）和append（），prepend（），after（）等来更改div在文档中的位置。

您必须在加载滑块时触发执行移动的功能。如果页面是静态的，您可以在$（document）.ready上执行此操作。但是，如果您正在使用AJAX加载该div，请在HTML中嵌入一个脚本标记，该标记将在调用该函数的Response中传递。

页：

<body>
    <div class="boxmain">
        <div class="parent">
            <div class="slicebox-wrapper">...</div>
        </div>
    </div>
</body>

jQuery的：

jQuery(document).ready(function() {
    jQuery('.slicebox-wrapper').remove().appendTo('.boxmain');
});

会像这样重新整理页面：

<body>
    <div class="boxmain">
        <div class="parent"></div>
        <div class="slicebox-wrapper">...</div>
    </div>
</body>

Answer 2

听起来您希望滑块在小于100％的情况下包含100％的屏幕尺寸。如果是这样的话，我会反对这一点。将滑块和内容div包装在100％宽度的包装器中会更实用：

    <div class='mainWrapper'>
        //100% Width Wrapper
        <div class="slicebox-wrapper">
           <ul id="sb-slider" class="sb-slider" style="margin-top: -12px; min-width: 100%; max-width: 100%;">
              <li><img src="<?php echo SITE_URL?>/lib/skins/flyeuro/scripts/slicebox/img/ab1.jpg" alt="image1"/></li>
              <li><img src="<?php echo SITE_URL?>/lib/skins/flyeuro/scripts/slicebox/img/ab2.jpg" alt="image2"/></li>
              </ul> 
        </div>
        //Fixed Width Wrapper
        <div class='content'>

        </div>
  </div>

将滑块浮动到其父div之外

2 个答案: