Question

我目前有一个div，点击后将数据发布到另一个页面并重新加载div。我想在新div中添加一个后退按钮（#backref），将我带回前一个div。我已经找到了几个帖子，你将display:none;添加到你要浏览的div中，但显然这是我的初始div所以我不能使用那个css。关于如何绕过这个的任何建议将不胜感激！

我正在使用的代码来实现这一目标：

$(document).ready(function () {
$('.clickthrough2').click(function () {
    // get car id
    carId = $(this).attr('id'); // get the car id to access each class element under the car div container

    $.post('referrer-ajax2.php', {
        clickthrough: $('#car-'+carId+' .clickthrough').val(),
        ref_date_from2: $('#car-'+carId+' .ref_date_from2').val(),
        ref_date_to2: $('#car-'+carId+' .ref_date_to2').val()
    },
    function (data) {
        $('#car1').html(data);
    });
});     
});

的index.php：

<div id="car1" class="declined3 statdivhalf2">
<h4>Select Car</h4>

<div class="statgrid">
    <?php
    $result=$ mysqli->query($sql); 
    if($result->num_rows === 0) { echo 'No Cars in selected time period.'; } 
    else { while ($row = $result->fetch_array()) { 
    ?>
<div id="car-<?php echo $row['car_id'];?>">
<input type="hidden" class="ref_date_from2" value="<?php echo $date_from; ?>" />
<input type="hidden" class="ref_date_to2" value="<?php echo $date_to; ?>" />
<input type="hidden" class="clickthrough" value="<?php echo $row['car_name'] ?>" />
<a><div id="<?php echo $row['car_id'];?>" class="clickthrough2 col-5-6"><?php echo $row['car_name'] ?></div></a>
</div>

    <div class="col-1-6">
        <?php echo $row[ 'quantity']; ?>
    </div>
    <?php } } ?>
</div>
</div>

引荐-ajax2.php：

<div id="car1" class="declined4 statdivhalf2">
    <h4>Car Details</h4>

<div class="statgrid">
    <?php
    $result=$ mysqli->query($sql); 
    if($result->num_rows === 0) { echo 'No Cars in selected time period.'; } 
    else { while ($row = $result->fetch_array()) { 
    ?>
    <div id="clickthrough2" class="col-5-6"><?php echo $row['car_details'] ?></div>
    <div class="col-1-6"><?php echo $row[ 'quantity']; ?></div>
    <?php } } ?>
    <a><div id="backref">< Back</div></a>
</div>
</div>

编辑：我已经尝试了以下它是不行的：

$('#backref').click(function () {
  $('.declined4').hide();
  $('.declined3').show();
});

Answer 1

不是使用新内容重新加载div，而是每次隐藏旧内容时都可以创建一个新div。然后，您可以通过使用id或（可能更好）“data-”属性索引每个div来循环遍历它们。

使用jQuery在div之间导航

1 个答案: