用另一個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

回答

相關問題