0

OK、ここに行けば: http://devs.dream-portal.net/smf205/index.php?action=forum

(メニューの下に) 右側にフォーラム (ボード インデックス)、左側に 2 つのコンテンツ ブロックを含むテーブル要素に気付くでしょう。これらはすべて、テーブル要素のクラスdp_mainを持つテーブル要素内にあります。右側は SMF コンテンツで、ここがややこしいところです。OK、このtd要素の id はsmf_col 、td 要素内からすべての HTML を取り出して#smf_col、テーブル要素の直前 (または DOM の同じ場所) に配置する必要があります。.dp_mainテーブル要素を DOM (およびそのすべてのコンテンツ) から完全に削除する必要があるよりも、bodyタグ内のすべてのコンテンツをテーブルの EMPTY #smf_coltd 要素に配置し、そのテーブルをbodyタグに配置する必要があります。

bodyこれは body タグでのみ行うことができるため、コンテンツ全体が id = の td 要素に配置されたら、テーブルを DOM から削除して元に戻す必要がありますsmf_col。

body次の jQuery を使用します (タグでしか実行できないため、ここで多くの操作を行います)。

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {

    var $smf_content = $("#smf_col").contents();
    $("#smf_col").empty();

    $($smf_content).insertBefore($(".dp_main"));

    var $dptable = $(".dp_main").contents();
    $(".dp_main").remove();

    var $body = $("body").contents();
    $("body").empty();
    $("body").html($dptable);
    $("#smf_col").html($body);
});

</script>

ページはこちら: http://devs.dream-portal.net/smf205/index.php?action=forum

とにかく機能しないので、今のところコードを無効にし、元の状態のままにして、何かを操作する前に、私が話していることを正確に確認できるようにします。基本的に、これは適切に行われます。左側の 2 つのブロックはずっと左側にあり、残りのページは右側にあるはずです。

最終結果は次の画像のようになります。 ここに画像の説明を入力

4

1 に答える 1

1

試す

var $dpmain = jQuery('.dp_main');
var $body = jQuery('body');
var $col = jQuery('#smf_col');

var $ct = jQuery('<div />').insertBefore($dpmain);
$body.append($dpmain);

$col.contents().appendTo($ct);
$body.contents().not($dpmain).appendTo($col)
于 2013-09-15T01:44:19.940 に答える