2012-03-22 133 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