Javascript 使用jQuery.load打开所有链接_Javascript_Jquery

Javascript 使用jQuery.load打开所有链接

javascript jquery

Javascript 使用jQuery.load打开所有链接,javascript,jquery,Javascript,Jquery,我想用jQuery.load打开页面中找到的所有链接。但我的代码似乎不起作用。有什么想法吗 <html> <head> <title></title> <script type="text/Javascript" src="includes/scripts/jquery-1.7.2.min.js"></script> <script type="text/Javascript"> $('a').click(f

我想用jQuery.load打开页面中找到的所有链接。但我的代码似乎不起作用。有什么想法吗

<html>
<head>
<title></title>
<script type="text/Javascript" src="includes/scripts/jquery-1.7.2.min.js"></script>
<script type="text/Javascript">
$('a').click(function() {
  window.open($(this).attr('href') );
});
</script>
</head>
<body>
<div id="content">
<a href="somepage.html">Somepage</a>
<br />
<a href="somepage.html">Somepage</a>
<br />
<a href="somepage.html">Somepage</a>
<br />
<a href="somepage.html">Somepage</a>
<br />
<a href="somepage.html">Somepage</a>
</div>
</body>
</html>

实际上是单击HTMLElement的操作。这是一个循环

用美元包装所有东西；告诉jQuery

嘿，在一切准备好之前不要跑我。我要所有的东西可寻址元素

这是$document.ready的缩写

此代码将使它成为这样：当用户单击页面上的链接而不是进入页面时，该页面的内容将加载到您的content div中。e.preventDefault将阻止链接的默认操作离开页面，并将用户保留在您的页面上

现在的问题是，一旦单击了一个链接，加载到div中的任何内容都不会应用此代码。您可以通过将事件委派与jquery的on一起使用，或者在较旧的jquery版本中使用委派来解决这个问题

$('a').click(function(e) {
    $("#content").load($(this).attr('href') );
    e.preventDefault();
});

此代码将适用于内容中的所有链接，包括最初的链接和以后加载的链接。

请发布您迄今为止的尝试。哎呀，我的意思是代码$'content'。加载$This.sttr'href'；。那绝对不是我的家庭作业。只是jQuery的初学者，并尝试让代码正常工作。使用$'content'而不是$'content'

$('a').click(function(e) {
    $("#content").load($(this).attr('href') );
    e.preventDefault();
});

$("#content").on("click", "a", function(e) {
    $("#content").load($(this).attr('href') );
    e.preventDefault();
});