onClick Div出现几秒钟然后消失

Question

我试图在页面加载时隐藏div。所以我在我的html行中添加了一个隐藏的类，如下所述。

<div class="row hidden" id="printdiv">
    //Row data goes here
</div>

当我在浏览器中加载应用程序时，它正常工作并隐藏行。

现在我想在用户点击order按钮

时显示div

<input type="submit" class="btn btn-primary save" name="save" value="Order">

用于显示div的我的jQuery代码是

$(".save").click(function() {
    $('#printdiv').removeClass('hidden');
    $('#printdiv').addClass('show');
});

现在，当我在浏览器中加载我的应用程序并单击订单按钮时​​，它只显示div 1或2秒，然后div消失。单击订单按钮时​​，我希望div在那里。我怎样才能让那个div似乎永久使用？

Answer 1

如果要向服务器提交数据，则必须从服务器端添加show class。

在PHP中

这样的东西

echo "<script>$('#printdiv').removeClass('hidden');$('#printdiv').addClass('show');</script>"

Answer 2

如果您希望在该div中加载结果，则应将输入更改为按钮，使用AJAX帖子提交数据，然后在该div中加载响应并在成功回调中显示它。否则，您需要在返回响应之前处理div服务器端的可见性。

Answer 3

如果你想在div中显示从服务器返回的数据，你必须等待服务器响应，然后显示你的div。您可以使用ajax，摆脱恼人的页面重新加载。一个jquery函数是

$.post('yourPHPfile.php, {data:data}, function(data){
     $("#printdiv").html(data).show();
})

其中{data:data}, - 第一个data是帖子变量的名称，第二个data是值http://api.jquery.com/jquery.post/

Answer 4

从行类div中删除hide类。并应用jquery

<div class="row" id="printdiv">
    //Row data goes here
</div>

// Jquery Code

$('#printdiv').hide(0);

$(".save").click(function() {
    $('#printdiv').show(500);
});

Answer 5

只需将按钮类型从“提交”更改为“按钮”，然后使用以下代码。

 $('#printdiv').attr("class","row show");

无需写下面提到的两行。

 $('#printdiv').removeClass('hidden');
 $('#printdiv').addClass('show');