Question

所以我试图为电脑开店，我正在为它制作一个网店，但我遇到了一个问题。

现在我有一个容器，我希望它在我点击一个按钮时隐藏它的内容，然后一个表单需要显示名称，电子邮件和textrea以便他们想要购买的东西。但是如果他们点击页面上的任何地方，那么我想要将旧内容带回来的其他按钮！

我在一个名为Wakanda Studios的程序中构建这个程序，我不知道这是否有帮助，但我确信有人会找到我的答案。

快速注意：我还没有任何代码，除了我的容器！

Answer 1

试试这个，它是用jQuery编写的，所以你必须通过put将jQuery添加到你的页面在文档标题中<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>，然后在页面末尾添加以下代码...

$(document).ready(function(){
    $("#button-id").click(function(){ 
        $("#container-id").hide(); 
        $("#form-id").show(); 
    });
    $(document).click(function(){
        $("#container-id").show();
        $("#form-id").hide();
    });
});

您现在需要的只是将ID属性添加到按钮中，该按钮可以启动所有内容，容器和表单。

Answer 2

如果您使用的是Wakanda和Studio的WAF框架，您可以选择按钮，转到事件选项卡并添加点击事件。

这将在一个包装器中存根，以便在单击时执行代码。

要隐藏容器，您需要容器ID。使用此方法，您可以创建对窗口小部件的Wakanda引用，并使用“hide（）”方法。

$$('yourContainerId').hide();

JQuery也可以。

如何在单击按钮时隐藏容器并显示表单？

2 个答案: