在div上打开div

Question

我将页面分为两半。现在我的左侧边栏中有很少的链接。我想调用右侧边栏上链接的内容而不再重新加载我的页面。

<div class="container">
        <div class="row">
            <div class="col-md-2 sidebarleft">
                <br>
                <ul class="nav nav-stacked">
                    <li><a href="#div1">BookMarks</a></li>
                    <li><a href="#div2">Cards</a></li>
                    <li><a href="#div3">Desk Organiser</a></li>
                </ul>

            </div>
            <div class="col-md-10 sidebarright">
                <div class="div2">

                </div>
                <div class="div3">

            </div>
        </div>
    </div>

Answer 1

我认为你想要研究的是Ajax。这可以通过多种方式实现，但最常见的方法之一是使用Ajax in Jquery。

Jquery有nice wrapper function load，这应该可以做你需要的一切。

$("a").click(function(e) {
    $(".div2").load($(this).attr("href"));
    e.preventDefault();
});

Answer 2

您将不得不使用Frames，IFrames或AJAX。

• Frames - 不在HTML5中，所以不是一个好选择。
• IFrame - 向前兼容但笨重。
• AJAX - 可能是你最好的选择，但不适合胆小的人。