Javascript jQuery将页面加载到<；部门>；问题

我使用以下代码将页面加载到

中。它工作正常，只是不应该将所有链接加载到

中

var$j=jQuery.noConflict（）；
$j（文档）.ready（函数（）{
$j（“a”）。单击（函数（）{
$j.ajax({
url:$j（this.attr（“href”），
成功：功能（响应）{
$j（“#output”）.html（响应）；
}
});
返回false；
});
});
[ ]

当我单击用于转到主页的链接3时，它会在

中打开主页

---

知道为什么会发生这种情况吗？

您正在将单击事件分配给a元素，因此所有链接都将在输出div中加载url。您需要指定要分配单击事件的元素，可能需要指定一个类

$j("a.loadindiv").click


<a class="loadindiv" href

$j（“a.loadindiv”）。单击
链接3向“mypage.com”发出请求，获取它返回的html并将其输出到“output”div。您正在对主页进行AJAX调用，它正在向您提供页面

而不是让所有元素使用您可能要考虑的Ajax函数：
<script type='text/javascript'>   
   var $j = jQuery.noConflict();
   $j(document).ready(function(){
    $j(".ajaxLink").click(function(){
         $j.ajax({
          url: $j(this).attr("href"),
          success: function(response) {
           $j("#output").html(response);
          }
         });
         return false;
    });
 });
</script>





 <div>[ <a href="execute.php?cmd=test1" class="ajaxLink">link 1</a]  [ <a
href="execute.php?cmd=test2" class="ajaxLink">link 2</a] [ <a href="mypage.com">link
3</a>]</div>


<div id="output"></div> 


var$j=jQuery.noConflict（）；
$j（文档）.ready（函数（）{
$j（“.ajaxLink”）。单击（函数（）{
$j.ajax({
url:$j（this.attr（“href”），
成功：功能（响应）{
$j（“#output”）.html（响应）；
}
});
返回false；
});
});
[ ]
这是设置AJAX调用并返回false后的预期行为。你在期待什么？
<script type='text/javascript'>   
   var $j = jQuery.noConflict();
   $j(document).ready(function(){
    $j(".ajaxLink").click(function(){
         $j.ajax({
          url: $j(this).attr("href"),
          success: function(response) {
           $j("#output").html(response);
          }
         });
         return false;
    });
 });
</script>





 <div>[ <a href="execute.php?cmd=test1" class="ajaxLink">link 1</a]  [ <a
href="execute.php?cmd=test2" class="ajaxLink">link 2</a] [ <a href="mypage.com">link
3</a>]</div>


<div id="output"></div>