0

我需要的是从外部页面预加载 5 个结果并将它们放在像bxSlider这样的幻灯片中所以当预加载 5 个结果时，我可以使用 bxSlider 或任何类型的幻灯片将下一个结果从 5 个预加载中滑出加载。然后每次单击下一张幻灯片时，我想删除第一个预加载的结果并在末尾添加 1，就像使用 append 一样。所以最后我想为加载时间预加载 x 个结果，然后当我去删除已经查看的结果并将 1 添加到当前结果时。

例子：

<div>Pre-loaded Result1</div>

<div>Pre-loaded Result2</div>

<div>Pre-loaded Result3</div>

<div>Pre-loaded Result4</div>

<div>Pre-loaded Result5</div>

滑动

<div>New Result1</div>

<div>New Result2</div>

<div>New Result3</div>

<div>New Result4</div>

<div>New Result5</div>

所以就像上面的例子一样，从外部 php 页面预加载结果，当我浏览它们时，添加新的并删除已经看到的。谢谢

这是我到目前为止的索引页面：

var nextUser = 0; 
var slider = $("#slider1").bxSlider();
$("#slider1")
.load("find_get.php?num="; + nextUser, function() {
nextUser++; slider.goToNextSlide(); });

    <div id="slider1" class="find_outer">
    Loading...
</div>

这是我对 fin_get 页面的内容：

$num = isset($_GET['num']) ? $_GET['num'] : exit ;
$query = "SELECT * FROM user WHERE id != '$user_id' LIMIT $num,1";
$stmt = $db -> query($query) or die (mysql_error());
while ($rows = $stmt -> fetch(PDO::FETCH_ASSOC)) {
$id = $rows['id'];
$firstname = $rows['firstname'];
$lastname = $rows['lastname'];

$display_info .= '<div class="bxdr" id="'.$id.'">' . $firstname . ' 
' . $lastname .   '</div>';
}
echo $display_info;
4

1 回答 1

0

这可以通过将所有孩子包装div在父母之下来轻松完成div。

 <div id="ParentDiv">
      <div>Pre-loaded Result1</div>
      <div>Pre-loaded Result2</div>
      <div>Pre-loaded Result3</div>
      <div>Pre-loaded Result4</div>
      <div>Pre-loaded Result5</div>
 </div>

所以得到结果后，可以用这个$.html()替换成这样的内容

$("#ParentDiv").html(...updated slide contents here...);
于 2013-01-16T05:34:32.047 回答