Question

我需要的是从外部页面预加载5个结果并将它们放在像bxSlider这样的幻灯片中所以当5个结果预加载时我可以使用bxSlider或任何类型的幻灯片来滑动下一个5个预装的结果。然后，每次我单击下一张幻灯片时，我想删除第一个预加载的结果，并像使用append一样添加1。所以最后我想预先加载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;

Answer 1

通过将所有子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...);

jQuery幻灯片预加载结果

1 个答案: