Проблема с загрузкой контента в DIV w / jQuery - PullRequest
Новая
       11

Проблема с загрузкой контента в DIV w / jQuery

1 голос
/ 09 января 2011

У меня есть div, который я пытаюсь сделать скрытым по умолчанию, а затем отображается нажатием кнопки. Мой код работает нормально, если для div не установлено style = "display: none;" Как только я установил это, DIV не загружает таблицу стилей правильно. Я думаю, что мне нужен код для инициализации загрузки страницы при нажатии кнопки. Вот jQuery, который я использую: 

jQuery(document).ready(function(){
    jQuery('#overlayHide').live('click', function(event) {        
         jQuery('#overlay').toggle('show');
    });
});

Опять же, этот код работает нормально, пока я позволяю div загружаться при загрузке страницы. Как только я пытаюсь установить display: none CSS выглядит испорченным при загрузке.

Вот мой код: 

<div id="overlay" style="display:none;"><iframe  id="contactIframe"  frameborder="0"  vspace="0"  hspace="0"  marginwidth="0"  marginheight="0" width="500"  height="500" scrolling="np"  height="400"  src="http://foobar.com/contact/demo.php">
</iframe></div>


jQuery(document).ready(function(){
    jQuery('#overlayHide').click(function(event) {        
         jQuery('#overlay').toggle('slow');
    });
});

Работает нормально, пока я не установил display: hidden, но мне нужно, чтобы div был скрыт при загрузке страницы.

Ответы [ 2 ]

1 голос
/ 09 января 2011

это не show это slow: 

jQuery('#overlay').toggle('slow');

Пожалуйста, прочитайте документацию .

EDIT:
Поскольку информации предоставлено мало, а плагин, используемый внутри iframe, работает очень хорошо, я предлагаю вам использовать метод off-left примерно так : 

jQuery(document).ready(function(){
    jQuery('#overlayHide').live('click', function(event) {        
         jQuery('#overlay').toggleClass('hideMe');
         return false;
    });
});
0 голосов
/ 09 января 2011

Мне удалось это исправить, отобразив iframe в отдельном файле, а затем с помощью AXAJ загрузить отдельный файл в DIV ... Странно.

...