Question

我有一个引导程序导航列表，指向不同的网址

   <div class="span2">
                <div class="sidebar-nav">
                    <ul class="nav nav-list">                       
                        <li class="active">
                            <a class="pass" href="#">Password</a>
                        </li>
                        <li>
                            <a class="favor" href="#">My Favorites</a>
                        </li>
                        <li>
                            <a class="open" href="#">Open</a>
                        </li>
                    </ul>
                </div>
        </div>

当我点击任何网址时我想在下面给出的div中加载页面而不打开新页面我该怎么办？

 <div class="span10">
            <div class="page-content">
                  <div class="pass">
                  </div>
                  <div class="favor">
                  </div>
                  <div class="open">
                  </div>
            </div>
        </div>

Answer 1

您需要使用JQuery .load（）

http://api.jquery.com/load/

所以，首先你需要给你的目标div一个id，如下所示：

<div class="span10" id="target">

然后，您需要将onClick事件绑定到运行以下加载的每个链接

$('#target').load('/url/for/passwordadmin');

绑定onClick事件的建议方法是在document.ready上运行它：

$(".passwordAdmin").click(function() {
  $('#target').load('/url/for/passwordadmin');
});

您应该为应具备此功能的每个链接执行此操作。

在特定div中加载页面

1 个答案: