0

カスタムIDを持つさまざまなdivをロードする必要があるポップアップdivがあります。

たとえば、recipepopup1とrecipepopup3があり、それぞれにrecipebutton1、recipebutton2、recipebutton3があり、次に、recipepopup1..recipepopup3をrecipe_popupという名前にロードする別のdivがあるとします。

ボタン1をクリックするとdiv1がpopupdivに読み込まれ、button2をクリックするとdiv2がrecipe_displayなどに読み込まれるようにするにはどうすればよいですか。

現在、replaceWith（）を使用していますが、button1をクリックすると、recipe_pop divのIDがrecipepopup1に置き換えられるため、recipepopup2をクリックすると、recipe_popupdivの外部にdivが読み込まれます。

もう1つ注意すべき点は、各レシピポップアップは何度でもロードできるはずです。ポップアップを閉じて、すでにクリックされているレシピボタンをクリックすると、関連する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>
4

1 に答える 1

1

$（ "＃recipe_display"）。html（$（'＃recipepopup2'）。html（））を使用できると思います

それが役に立てば幸い。

于 2012-05-10T15:37:46.007 に答える