Использование jQuery для перемещения между divs

В настоящее время у меня есть div, который при нажатии на данные заходит на другую страницу и перезагружает div. Я хотел бы добавить кнопку назад (#backref) в новый div, чтобы вернуть меня в предыдущий div. Я нашел несколько сообщений об этом, в которых вы добавили display:none; в div, который хотите просмотреть, но, очевидно, это мой начальный div, поэтому я не могу использовать этот css. Любые предложения о том, как обойти это, будут оценены!Использование jQuery для перемещения между divs

код, я использую для достижения этой цели:

$(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>

EDIT: Я попытался ниже не было:

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

источник

2015-01-09 n00bstacker

Вместо перезагрузки div новым контентом вы можете создать новый div каждый раз, скрывая старый. Затем вы циклически проходите через них, индексируя каждый div с идентификатором или (возможно, лучше) атрибутом «data-».

источник

2015-01-09 16:24:23

У вас есть пример, пожалуйста? Раньше я не слышал об этом методе. – n00bstacker

Вы имеете в виду создание нового div с jQuery: S. Или вы имеете в виду больше скрывать и скрывать – n00bstacker

В коде, который вы используете функция (данные) { $ ('# car1'). Html (data); }); Измените эту строку, чтобы скрыть div и поместить новый div с новым html. –

Использование jQuery для перемещения между divs

ответ

Смежные вопросы