У меня есть всплывающее div, что мне нужно загрузить кучу разных div с пользовательскими идентификаторами.использовать jquery для загрузки разных divs в popup div
Например, у нас есть recipepopup1 recipepopup2 и recipepopup3, каждый из которых имеет recipebutton1, recipebutton2 recipebutton3 соответственно, а затем у нас есть еще один div для загрузки recipepopup1..recipepopup3 в вызываемый recipe_popup.
как я могу иметь это так, когда я нажимаю button1 она будет загружать div1 в popupdiv и если я нажимаю button2 она будет загружать div2 в recipe_display и т.д.
прямо сейчас я использую ReplaceWith() и я обнаружил, что он заменяет идентификатор recipe_pop div с помощью recipepopup1, когда я нажимаю кнопку1, поэтому, когда я нажимаю кнопку recipepopup2, он просто загружает div вне recipe_popup div.
еще одна вещь, которую следует отметить, - чтобы каждый из recipepopup мог быть загружен бесконечно много раз - поэтому, когда я закрываю всплывающее окно и нажимаю кнопку recipebutton, которая уже была нажата, все равно будет отображаться соответствующий div
спасибо за любую помощь :) Katie вот мой текущий код:
<script type="text/javascript">
$(document).ready(function(){
$("#recipebutton1").click(function(){
$('#create_form_span').css('display', 'none');
$(".recipepopup").css('display','none');
$("#recipe_display").replaceWith($('#recipepopup1').css('display','block'));
});
$("#recipebutton2").click(function(){
$('#create_form_span').css('display', 'none');
$(".recipepopup").css('display','none');
$("#recipe_display").replaceWith($('#recipepopup2').css('display','block'));
});
$("#recipebutton3").click(function(){
$('#create_form_span').css('display', 'none');
$(".recipepopup").css('display','none');
$("#recipe_display").replaceWith($('#recipepopup3').css('display','block'));
});
});
</script>