2010-07-10 4 views
0

Я использую jquery colobox, чтобы показать всплывающее окно в моем приложении asp.net mvc (C#).Закрытие jquery colorbox перед перерывами загрузки jquery,

Ниже приводится строка для вызова Colorbox:

$.fn.colorbox({ href: '/User/Detail', width: "1200px", height: "560px", title: "User Detail", overlayClose: false }); 

UPDATE (используя ниже с последней версией):

$.colorbox({ href: '/User/Detail', width: "1200px", height: "560px", title: "User Detail", overlayClose: false }); 

Когда я нажимаю кнопки закрытия ColorBox, до его открытия, он разбивает все, включая jquery.

Я показываю данные пользователя (личные, биллинг, ...) на вкладках jquery во всплывающем окне, которое открывается с помощью colorbox. Когда я нажимаю ссылку, чтобы открыть colorbox (Данные пользователя), и когда я нажимаю кнопку закрытия, перед тем, как она загрузится (при показе загрузчика), в следующий раз, когда я нажму на ту же ссылку, не покажу вкладки и все события (как клик, привязанный через jquery).

Любая идея по этому вопросу?

+0

Что говорит консоль? – David

+0

Я могу видеть только исходное содержимое на фоне всплывающего окна, открытого во второй раз. Всплывающее вскрытие всплыло вовремя как таковое, когда вкладки не были инициализированы, я также посмотрел с помощью firebug, но не обнаружил ошибки. – Prasad

+0

previusly Я использую v1.3.6. Я также обновил colorbox до последнего v1.3.9. но все та же проблема – Prasad

ответ

0

Вы используете IFRAME ... это из документации:

ColorBox щебнем или отображаются неправильно при загрузке документов:

Часто это связано не с помощью IFRAME когда iframe будет . Метод по умолчанию ajax равен только для элементов, которые могут существовать внутри элемента.

Если вы загружаете полный HTML документ, и элементов, а затем с помощью IFRAME требуется. Хотя вложения этих элементов могут отображаться правильно в некоторых браузерах, по-прежнему недействителен HTML и не должен быть зависит от. Не забудьте установить ширину и значения высоты для ColorBox, когда с использованием iframe, у него нет способа , зная размеры элементов , которые существуют в iframe.

ColorBox использует нагрузку jQuery метод обработки ajax. Если вы являетесь , загружаете документ из того же домена в качестве вашего текущего документа, вы можете использовать селектор только для части документа, который необходим . Пример:

$('#example').colorbox({href:"document.html div#content"}); 
+0

нет. Я не использую iframe. просто открыв всплывающее окно, используя: $ .colorbox ({href: '/ User/Detail', width: "1200px", height: "560px", title: "User Detail", overlayClose: false, escKey: false, onLoad : function() {$ ('# cboxClose'). hide()}, onComplete: function() {$ ('# cboxClose'). show()}}); – Prasad

+0

Итак, теперь он работает? – Mottie

+0

Я сделал временное исправление только, как сказал @fosco. – Prasad

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