JQuery тумблер во всплывающей модальной форме - PullRequest
Новая
       11

JQuery тумблер во всплывающей модальной форме

0 голосов
/ 30 марта 2011

Я хочу переключаться между div на всплывающей модальной форме.Проблема, которую я вижу, - это функция document.ready () на модальной странице, которая пытается загрузить родительскую форму.Он искажает всю страницу и пытается автоматически показать, загружаю ли я основную родительскую форму.Есть ли что-то вроде div.ready ()?Как включить этот код в мою всплывающую модальную форму?

Переключить код здесь 

<html>
<head>
<title>jQuery test page</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#clickMe").click(function() {
$("#textBox").toggle();
});
});
</script>
</head>
  <body>
  <a id="clickMe">Toggle my text</a>
  <br />
  <div id="textBox">This text will be toggled</div>
  </body>

1 Ответ

0 голосов
/ 30 марта 2011

Да, такие выражения, как DOM_ELEMENT.ready(), существуют и очень полезны в сценариях, подобных тем, с которыми вы сталкиваетесь сейчас.

Обновление:

Я обнаружил, что этоплагин делает то, что вам нужно: jQuery.elementReady ()

Примеры:

1: измените источник определенного изображения, как толькоон загружается в DOM (до загрузки всего DOM). 

$.elementReady('powerpic', function(){
    this.src = 'powered-by-jquery.png';
});

2: если вы хотите иметь объект jQuery вместо обычного DOM 

element, use the $(this) function.
$.elementReady('header', function(){
    $(this).addClass('fancy');
});

3:Объедините несколько вызовов в цепочку $ .elementReady (). 

$.elementReady('first',  function(){ $(this).fancify(); })
 .elementReady('second', function(){ $(this).fancify(); });

4: используйте псевдоним '$' в вашем обратном вызове, даже в режиме noConflict. 

jQuery.noConflict();
jQuery.elementReady('header', function($){
    $(this).addClass('fancy');
});

5: измените опросинтервал до 100мс.Это работает, только если $.elementReady() еще не был вызван. 

$.elementReady.interval_ms = 100;
...