load メソッドを使用して新しいコンテンツを li 要素にロードするのに苦労しています。これを使用しようとすると、新しいコンテンツが要素の前に追加されます。つまり、現在のコンテンツを置き換えるのではなく、一番上に追加されます。ここに要素のレイアウトがあります
<!-- List The News Items mainPage.php-->
<li id="news_list">
<?php include 'libs/file.php';?>
</li>
//pagination links
for($i=1; $i<=$pages; $i++)
{
echo '<li id="'.$i.'"><a href="#" >'.$i.'</a></li>';
}
そしてjs関数
//js function
//Pagination Click
$(".paging li").click(function(event){
event.preventDefault();
$("#news_list").val("");
//Loading Data
var pageNum = $(this).attr("id");
$("#news_list").load("file.php?news_page=" + pageNum);
$(this).children("a").setClass("active");
});
これは、私が構築しているページネーション スクリプトの一部です。また、次の行
$(this).children("a").setClass("active");
選択した li 内のネストされた 'a' 要素にクラスを適用しません。どんな助けでも大歓迎です。