Javascript 在同一页的另一个div中加载div

我有一个小代码，它允许用户单击下拉菜单，然后使用AJAX在div中打开内容。内容位于同一页面中，因此目标是将该内容div加载到另一个div中。问题是，当我加载内容时，它会加载页面本身（请参见下面的打印）

html

<div class="container">
  <div class="row"> 
    <div class="col-md-3" >
      <div id='cssmenu'>
        <ul>
          <li class='active'><a href='#' data-url="http://localhost/bioinformatica/Main_page/Quick_search.html#qhelp" ><span>Home</span></a></li>
          <li class='has-sub'><a href='#'><span>About</span></a>
             <ul>
                <li><a href='#' data-url="http://localhost/bioinformatica/Main_page/Quick_search.html#qhelp"><span>Project</span></a></li>
                <li class='last'><a href='#' data-url="#homePage> *"><span>Team</span></a></li>
             </ul>
          </li>
          <li class='last'><a href='#' data-url="http://localhost/bioinformatica/Main_page/Main_page%20(5)#cssmenu"><span>News</span></a></li>
          <li class='has-sub'><a href='#'><span>Search</span></a>
             <ul>
                <li><a href='#'><span>Quick Search</span></a></li>
                <li><a href='#'><span>Advanced Search</span></a></li>
                <li class='last'><a href='#'><span>Structure Search</span></a></li>
             </ul>
          </li>
          <li class='has-sub'><a href='#'><span>Tools</span></a>
             <ul>
                <li><a href='#'><span>NAMS</span></a></li>
                <li><a href='#'><span>Smiles Calculator</span></a></li>
                <li class='last'><a href='#'><span>Empty</span></a></li>
             </ul>
          </li>
        </ul>
      </div> 
    </div>

    <div class="col-md-9">
      <div id="tabs">
        <ul class="nav nav-tabs" id="prodTabs">
          <li class="active"><a class="clickableLink" href="#tab_quick" data-url="http://localhost/bioinformatica/Main_page/Quick_search.html#qhelp">Quick Search</a></li>
          <li><a class="clickableLink" href="#tab_advanc" data-url="#">Advanced Search</a></li>
          <li><a class="clickableLink" href="#tab_struct" data-url="something3.txt">Structure Search</a></li>
        </ul>
        <div class="tab-content">
          <div id="tab_quick" class="tab-pane active"></div>
          <div id="tab_advanc" class="tab-pane active"></div>
          <div id="tab_struct" class="tab-pane active"></div>
        </div>
      </div>
    </div>

  </div>
  <div class="clearfix visible-lg"></div>
</div>
</div>

<div id="all_divs">
  <div id="homePage"><p>HOME PAGE</p></div>
      <div id="biogPage"><p>BIOG PAGE</p></div>
      <div id="musicPage"><p>MUSIC PAGE</p></div>
      <div id="photosPage"><p>PHOTOS PAGE</p></div>
  </div>

  <script>$('#homePage,#biogPage, #musicPage, #photosPage, #shopPage').hide();</script>  

---

例如，当我在“新闻在”菜单中单击时，它加载的是完整的页面而不是div。当我单击“关于->团队”

刚刚更改的

数据url=”时也会发生这种情况http://localhost/bioinformatica/Main_page/Quick_search.html#qhelp“

到

data-url="http://localhost/bioinformatica/Main_page/Quick_search.html #qhelp"

---

您应该始终使用正确的缩进设置代码的格式，否则很难阅读<代码>$（'#第1页'）。加载（'http://page2 #partyouwant'）不应

数据url

例如：

数据url=”http://localhost/bioinformatica/Main_page/Quick_search.html #qhelp“

查看URI和哈希值之间的空格，尽管这是提问时最不应该做的事情，这实际上是你应该为自己的利益而做的事情。如果看不到代码的结构，您希望如何在代码中发现问题。特别是当你是初学者时，你应该注意正确的格式。

data-url="http://localhost/bioinformatica/Main_page/Quick_search.html #qhelp"