2012-03-22 10 views
1

Weird Название .. любом случае это моя проблема, я хочу, чтобы отобразить <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 перекрывал div 'eventName'? Как всплывающее окно или что-то еще? – Nikhil

+0

yes..something как всплывающее окно или подсказка. – 123

+0

Почему вы не используете диалоговое окно JQuery UI? http://jqueryui.com/demos/dialog/#modal – Nikhil

ответ

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

Копирует содержимое sourcedivid в destinationdivid

Остерегайтесь утечек памяти.

1

Вы должны убедиться, что ДИВ, что вы хотите отобразить существует на странице и

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

вызывается при загрузке страницы.

Если доза не существует, вам необходимо создать ее, а затем добавить ее на страницу и применить эффект.

+1

Зачем мне это нужно скрывать? Я хочу отобразить его поверх другого div, как всплывающее окно. – 123

+0

Это потому, что вы не хотите, чтобы он отображался перед нажатием на другой div. Поэтому вам нужно скрыть его, прежде чем пользователь нажимает на div. –

Смежные вопросы