2012-03-22 195 views
1

奇怪的冠軍。 反正 這是我的問題,我想顯示<div id="detail">data</div>我點擊<div class="eventName">data</div>如何在點擊另一個div後在另一個div上顯示div?

後,這裏是我的jQuery代碼:

$(".eventName").click(
     function() { 
      var eventId = $(this).attr('id'); 
      var role = $(this).attr('dir'); 
      var todo = 'viewDetails'; 
      $("#details").load("plugins/company_calendar/calendar.php?eventId="+ eventId +"&todo="+ todo +"&role="+ role); 
     } 
    ); 

我不知道該怎麼辦在其他div上顯示div#的詳細信息。 你能幫我解決這個問題嗎? 感謝..

+0

所以,你想新的div重疊'eventName' div?像彈出窗口或其他東西? – Nikhil 2012-03-22 06:11:20

+0

是的..就像彈出窗口或工具提示。 – 123 2012-03-22 06:13:20

+0

爲什麼你不使用jQuery UI對話框呢? http://jqueryui.com/demos/dialog/#modal – Nikhil 2012-03-22 06:38:28

回答

1
var sourceContents = $(sourcedivid).html(); 
$(destinationdivid).html(sourceContents); 

副本sourcedivid的內容destinationdivid

謹防內存泄漏。

1

你必須確保你想要顯示的DIV的頁面存在和

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

被稱爲頁面加載時。

如果它不存在,那麼你必須創建一個,然後將其附加到頁面並應用效果。

+1

爲什麼我需要隱藏它? 我想在彈出的其他div上顯示它。 – 123 2012-03-22 06:27:08

+0

這是因爲您不希望在點擊其他div之前顯示它。所以你必須在用戶點擊div之前將其隱藏起來。 – 2012-03-22 06:31:37