처음에는 어떻게해야할까요? 저는 옆에 이미지 링크가있는 페이지가 있습니다. 이미지를 클릭하면 해당 링크의 정보가 다른 div에 나타납니다. jquery/ajax를 사용하여 링크 ID를 PHP 파일에 게시하고 선택한 div에 해당 데이터를 반환합니다. 한 번에 4 개씩 표시되도록 링크가 매김되어야합니다.페이지로드시 Ajax 페이지 매김?
이것은 다음과 같은 현상입니다. 게시물 부분은 정상입니다. 링크를 클릭하면 올바른 데이터가 선택한 div에 표시됩니다. 비록 링크를 div 페이지 매김을 만드는 방법을 모르겠다. 페이지가로드 될 때마다 페이지가 매겨지기를 원합니다. 지금 페이지가로드 될 때 모든 링크가 표시되면 링크를 클릭하면 정확한 양 (4)이 표시됩니다.
<div class="dogsrehomeandrehomed">
<?php
include 'inc/connect.php';
$q = mysqli_query($link, "SELECT filename, id, name, age, sex FROM gallery WHERE
gallery = 1 ORDER BY id DESC") or die (mysql_error());
while($row = mysqli_fetch_array($q)){
$data = $row['filename'];
$file = substr($data, strpos($data, "/") + 1);
echo"<div class='homedogs'>",
"<a href={$row['id']} class='dogchoice'>",
"<img class='nailthumb-container3' src='$file' alt='{$row['name']}. Image' />",
"</a>",
"<br />",
'NAME: ',$row['name'],"<br />",'AGE: ',$row['age'],"<br />",'SEX: ',$row['sex'],
"</div>";
}
?>
</div>
<div class="dog">
<?php
include 'inc/connect.php';
$q = mysqli_query($link, "SELECT * FROM gallery WHERE gallery = 1 ORDER BY id DESC
LIMIT 1") or die (mysql_error());
while($row = mysqli_fetch_array($q)){
$data = $row['filename'];
$file = substr($data, strpos($data, "/") + 1);
echo"<div class='rehomediv'>",
"<img class='nailthumb-container2' src='$file' alt='{$row['name']}. Image' />","<br
/>",
"<div class='nameagesex'>",
'NAME: ',$row['name'],"<br />",'AGE: ',$row['age'],"<br />",'SEX: ',$row['sex'],
"</div>",
"<div class='description'>",
nl2br($row['description']),
"</div>",
"</div>";
}
?>
</div>
<script src="js/dog.js"></script>
이 내 dog.js 파일은 다음과 같습니다 :
$('a.dogchoice').click(function(e) {
e.preventDefault();
var linkClass = $(this).attr("class");
var linkText = new String(this);
var categoryValue = linkText.substring(linkText.lastIndexOf('/') + 1);
var params = {};
params[linkClass] = categoryValue;
$.post('inc/dogchoice.php', params, function(data) {
var totalRecords = $(data).length;
var pageSize = 4;
var numOfPages = Math.ceil(totalRecords/pageSize);
var i,
pageLinks = '<div class="pageLinks">';
for (i = 0; i < numOfPages; i++) {
pageLinks += '<a href="#" onclick="showDogLinks(' + i + ');return false;">' + (i
+ 1) + '<\/a> ';
}
pageLinks += '<\/div>';
$('.dog').html(pageLinks + data);
showDogLinks(0);
});
});
//function to slice up records into pages
function showDogLinks(pageNo) {
var perPage = 4;
var start = pageNo * perPage;
var end = start + perPage;
$('.homedogs').hide().filter(function(index) {
return ((index > (start-1)) && (index < end));
}).show();
}
누군가가 도와 드릴까요
이는이 div의 내 HTML입니까? 찾아 주셔서 감사합니다