1

2 つの列 (それぞれ 50% の幅) に分割されたサイトがあります。

HTML:

<nav></nav>
<div class="left-column"></div>
<div class="right-column"></div>
<footer></footer>

私はhtmlを含む2番目のページを持っています:

<nav></nav>
<div class="left-column"></div>
<div class="right-column level-two"></div>
<footer></footer>

.load() を使用して、セカンダリ ページの右側の列を最初のページの右側の列の上にロードしたいと考えています (後でクローズ ボックスを追加するつもりです)。

html は次のようになります。

   <nav></nav>
   <div class="left-column"></div>
   <div class="right-column level-two"></div> //THE RIGHT COLUMN FROM LEVEL 2 INSERTED HERE
   <div class="right-column"></div>
   <footer></footer>

問題は、これを行う方法を理解できないことです.append()はまだそれが添付されているdivに追加され、.before()はjquery(?)だけのコンテンツを追加するために機能しませんか?

2 つの右側の列が存在するようにしたいのは、閉じても下right-column level-twoに元の列が必要だからです。right-column

4

2 に答える 2

0 
$.get('<secondary_page_url>',function (data) {
  $(data).find('.right-column.level-two').insertBefore($('.right-column'));
})
于 2013-03-29T03:22:04.650 に答える
0
  • セレクターを使用CSSしてクラスを検索し、left-columnそれは隣接クラスですright-column
  • holder2 つのクラスの間にデータを挿入する
    $(document).ready( function () {
        $.get('second-page-url.html',function (data) {
        $(data).find('.right-column.level-two').insertBefore($('.left-column + .right-column'));
});
于 2013-03-29T03:25:16.553 に答える