如何隐藏Div标签而不刷新页面

时间:2010-04-22 05:59:22

标签: javascript ajax

我有一个页面,我添加,编辑和删除菜单。添加和编辑我有一个单独的页面。当我添加或编辑菜单时,我来到主页面,我显示菜单,所以我打印消息为“菜单已添加”或“菜单已编辑”。但是当我删除菜单时,我的页面没有刷新,因为我已经在同一页面上写了删除代码,唱ajax函数如下:

$.ajax(
           {
               type: "POST",
                   url: "delete_menu.php",
                   data: data,
                  cache: false,

                   success: function()
                   {
               parent.fadeOut('slow', function() {$(this).remove();});
               document.getElementById('showDiv').style.display = '';
           }
        }

页面没有刷新,因此包含“添加或编辑的菜单”等消息的div不会隐藏。我已将id作为showDiv给予Div。 所以任何人都可以帮我解决这个问题。当我删除时,任何人都可以告诉我如何在没有页面刷新的情况下在ajax中显示消息为“菜单已删除”。谢谢提前。

2 个答案:

答案 0 :(得分:2)

document.getElementById('showDiv').style.display = 'none';

答案 1 :(得分:1)

由于你引用了jQuery,我会使用jQuery语法而不是Plain Old JavaScript来保持语法清晰。

 $("#showDiv").hide();

如果您不打算在页面上再次显示div,可以使用:

$("#showDiv").remove();