0

私はjQueryに非常に不慣れです。調査を行ったところ、このコードを使用するとページの div のみをリロードできることがわかりました。

<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 を更新することです。ただし、クラス reload の各インスタンスは、異なるリンクを指しています。

4

2 に答える 2

1

これを試して:

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

フィドル

于 2013-09-04T15:26:18.433 に答える
-1

あなたのアプローチは正しいです。どの項目がクリックされたかに基づいて、どの URL を開くかを決定する必要があります。

 <script>
     $(document).ready(function(){
         $(".reload").click(function(){
             url = $(this).children('a').attr('href')
             $("#day").load(url);
         });
     });
 </script>
于 2013-09-04T15:28:15.740 に答える