用另一个div替换包含数据网格的div

我想用按钮点击btnOUtbox替换inboxcontent div与outboxcontent div，并且还点击btnInbox恢复。两个Div都显示一个包含值的数据网格。哪种方法最好？用另一个div替换包含数据网格的div

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#btnInbox").click(function (e) { 
     $("#OutboxContent").css("visibility", "hidden"); 
     $("#InboxContent").css("visibility", "visible"); 
     $("#InboxContent").show(); 

     alert("replced "); 
    }); 

    $("#btnOutbox").click(function (e) { 
     $("#InboxContent").css("visibility", "hidden"); 
     $("#OutboxContent").css("visibility", "visible"); 
     $('#InboxContent').replaceWith($('#OutboxContent')); 
     alert("replced "); 
    }); 
    }); 
</script>

来源

2014-04-07 Aiju Thomas Kurian

您可以按照您的要求在单击事件中显示和隐藏它，而不是更改可见性并替换内容。 BtnInbox - Inbox.Show（）; Outbox.Hide（）和BtnOutbox- Inbox.Hide（）; Outbox.Show（） –

我试过，但它不工作。我希望两个div都处于相同的位置。第二个div远低于第一个。 –

@SridharNarasimhan我试过这个......只有第一个div的内容出现了。第二个div变空白。 –

您可以尝试使用display属性来隐藏和显示div，“display：none”将隐藏div并且不会为该元素分配空间。 visibility：hidden会隐藏元素，但会为页面中的元素分配空间。

来源

2014-04-07 09:27:28 Sree

用另一个div替换包含数据网格的div

回答

相关问题