0

我有一个弹出 div，我需要使用自定义 id 加载一堆不同的 div。

例如，假设我们有 recipepopup1 recipepopup2 和 recipepopup3，每个都有一个 recipebutton1，recipebutton2 recipebutton3，然后我们有另一个 div 将 recipepopup1..recipepopup3 加载到名为 recipe_popup 中。

我怎么能拥有它，所以当我单击 button1 时，它将 div1 加载到 popupdiv 中，如果我单击 button2，它将 div2 加载到 recipe_display 等。

现在我正在使用replaceWith（），我发现当我点击button1时它用recipepopup1替换recipe_pop div的id，所以当我点击recipepopup2时，它只是将div加载到recipe_popup div之外

还有一点需要注意的是，每个 recipepopup 都应该能够被无限加载多次 - 所以当我关闭弹出窗口并单击一个已经被点击的 recipebutton 时，它仍然会弹出相关的 div

感谢您的帮助:) 凯蒂这是我当前的代码：

<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 回答