jQuery内容加载到加载页面上的div中

我有一定程度的工作脚本。问题是最后一个内容没有加载到目标div区域，而是加载到整个页面

第一页是登录页，可以：

<div class="container">
    <div class="row">
        <div class="col-md-2">
            <ul class="nav nav-pills nav-stacked">
                <li><a class="dashnav" href="content/company.html">Company</a>
                </li>
                <li><a class="dashnav" href="content/buyer.html">Buyer</a>
                </li>
                <li><a class="dashnav" href="content/settings.html">Settings</a>
                </li>
            </ul>
        </div>
        <div class="col-md-10">
            <div id="content"></div>
        </div>
    </div>
</div>
<!-- /container -->

第二页：

<ul class="nav nav-pills companynav">
    <li><a href="content/dashboard/basic.html">Basic</a>
    </li>
    <li><a href="content/dashboard/factory.html">Factory</a>
    </li>
    <li><a href="content/dashboard/company_bio.html">Company Bio</a>
    </li>
</ul>
<div class="col-md-10">
    <div id="dashcontent"></div>
</div>

应将basic.html加载到dashcontent区域的最终结果，但它不会：

<h1>Basic Profile</h1>
<p>Edit your Company profile</p>

---

任何帮助都会很好。

请尝试在第二个嵌套的单击处理程序中返回false，位于。companynav:

....
//click on link from newly loaded page
$('.companynav').click(function(){

    //What Link has been clicked
    var href = $(this).attr('href'); 

    //load that content
    $('#dashcontent').load(href);

  return false;

 });
....

---

听起来您应该在事件委派中使用jQuery的.on方法：

此外，如果我是你，我会清理代码，减少回调，而使用承诺

但是，对于您的直接问题，它看起来是这样的：

$('#dashcontent').load($('.companynav:first').attr('href'));

应该是

$('#dashcontent').load($('.companynav a:first').attr('href'));

---

预览：

尝试添加一些断点或使用console.log查看正在运行的回调。据我所知$'dashcontent'。加载$'.companynav:first.attr'href'；失败或从未运行。对吗？

$('#dashcontent').load($('.companynav a:first').attr('href'));