Question

我对jQuery缺乏经验。我做了一些研究，发现这段代码应该允许我重新加载我的页面的一部分：

<script>
 $(document).ready(function(){
  $(".reload").click(function(){
    $("#day").load("/some_url #day > *");
  });
 });
</script>

正如您所看到的，我只想在单击.reload类的元素时重新加载#day。我的问题在于URL。我的页面有许多不同的此类实例，每个实例都有不同的URL。它们是在PHP中生成的：

echo "<div class=\"reload\"><a href=\"index.php?day=$day\" > $day </a></div>";

所以我不再确定我是否使用了正确的方法。基本上我想要的是当用户点击其中一个链接，而不是重新加载该链接中的整个页面时，只需更新当前页面上的#day。但是，每个类重载的实例都指向不同的链接。

Answer 1

试试这个：

$(".reload a").click(function(event){
    event.preventDefault();
    var url = $(this).prop('href');
    $("#day").load(url + " #day > *");
});

Fiddle

Answer 2

你的方法是对的。您只需要根据点击的项目找出要打开的URL。

 <script>
     $(document).ready(function(){
         $(".reload").click(function(){
             url = $(this).children('a').attr('href')
             $("#day").load(url);
         });
     });
 </script>

重新加载div，许多不同的可能链接

2 个答案: