0

私は次のようなレイアウトを持っています:

<header class="header">
    <div class="logo">Logo Here</div>
    <nav class="menu">Menu Here</nav>
</header>

<div class="container">
    <aside class="aside">
        <!-- Here are the Buttons that Filters the Content in .main-content class -->
    </aside>
    <div class="main-content">
        <!-- The list of contents here are shown according to the filter in sidebar -->
        <!-- The contents are lets say only tables and Ajax button does its filter -->
        <div class="export-link">Export Link</div> <!-- This export list is created by Ajax and for every filter value the link changes -->
    </div>
</div>

<footer class="footer">
    <div class="some-links">Some Links</div>
</footer>

div.export-linkに入れたいnav.menu。

最初は次のようなことをしました

if($('.new__nav-class').length === 0 ){
    $('.menu, .export-link').wrapAll('<div class="new__nav-class"> </div>');
}

これにより、ヘッダー セクションのnew内にdiv.export-linkandが配置され、CSS を適用して見栄えを良くすることができます。nav.menudiv.new__nav-class

ただし、問題はフィルター値を取得しないことです。のようにフィルターに合わせてlink中.export-linkが変化していましたhref="/page?Thisfilter-Thatfilter"が、ラッパーをdivの上に置いてメニューに配置したため、リンクが静的になりました。

これを修正する方法はありますか？

4

3 に答える 3

0

Position: absolute は、フィールドをページ上の別の場所に移動する必要があるだけであれば、おそらくうまくいくでしょう。親の位置を相対にするだけで、すべてのブラウザーで適切に表示されるはずです。（もちろん、チェックは必要です。）

于 2013-10-31T17:57:30.517 に答える