Question

我有这段代码从另一个文件加载内容

$(document).ready(function(){
  $("button").click(function(){
    $("#divA").load("book.html #divB");
  });
});
</script>

<button>Get</button>

这很有效，但点击链接而不是按钮

我需要同样的东西

<a href="book.html">Get</a>

根据用户评论

我在页面上有另一个链接。只有特定的链接才能加载内容。

Answer 1

使用锚标记作为选择器，并确保停止默认操作。

$(document).ready(function(e){
  $("a#id").on('click',function(){  // $("a#id")  or $("a.class") to target 
                                    //  specific anchors
    e.preventDefault();
    $("#divA").load("book.html #divB");
  });
});

Answer 2

$(document).ready(function(){
  $("a").click(function(e){
    e.preventDefault();
    $("#divA").load("book.html #divB");
  });
});

Answer 3

只需使用a代替button

$(document).ready(function(){
  $("a").click(function(e){
    e.preventDefault();
    $("#divA").load("book.html #divB");
  });
});

对于特定的a，请尝试使用

$(document).ready(function(){
  $("a#pass_your_id_here").click(function(e){
    e.preventDefault();
    $("#divA").load("book.html #divB");
  });
});

Answer 4

我认为您要加载锚点href

中的网址内容

$(document).ready(function(){
  $("a").click(function(e){
    e.preventDefault();
    $("#divA").load($(this).attr("href")+" #divB");
  });
});

Answer 5

我认为你很难做到这一点很难

$(document).ready(function(){
  $("a").click(function(){
    $("#divA").load("book.html #divB");
  });
});

您也可以将id分配到a代码，然后执行此操作

<a id="mylink" href="book.html">Get</a>

$(document).ready(function(){
       $("#mylink").click(function(){
       $("#divA").load("book.html #divB");
     });
    });

Answer 6

如果页面上有其他链接，则必须捕获包含链接的div：

$("#divlinkholder a").click(function(){
    $("#divA").load("book.html #divB");
});

或者您也可以这样做：

$("#divlinkholder a:eq(0)").click(function(){
    $("#divA").load("book.html #divB");
});

：eq是基于零的索引属性，因此如果要使用第3个链接加载内容，则索引0处的第一个链接将加载内容，然后将其更改为：eq（2）

如何从另一个文件中点击链接加载内容？

6 个答案: