Question

我有一个弹出式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它只是加载recipe_popup div之外的div

另外需要注意的是，每个recipepopup都应该可以无限次加载 - 所以当我关闭弹出窗口并单击已经点击的配方按钮时，它仍然会弹出相关的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>

Answer 1

我认为你可以使用$（“＃recipe_display”）。html（$（'＃recipepopup2'）。html（））

希望它有所帮助。

使用jquery将不同的div加载到popup div中

1 个答案: