Javascript 以弹出模式形式进行jquery切换

Javascript 以弹出模式形式进行jquery切换,javascript,jquery,jquery-ui,jquery-plugins,Javascript,Jquery,Jquery Ui,Jquery Plugins,我想在弹出模式窗体上的div之间切换。我看到的问题是模态页面上的document.ready函数,它试图加载父窗体。如果我加载主父窗体,它会扭曲整个页面并尝试自动显示。有类似div.ready的东西吗?如何在弹出模式表单中包含此代码 切换代码在这里 是的,像DOM_ELEMENT.ready这样的表达式是存在的,在您现在面临的场景中非常有用 更新: 我发现这个插件正在做你需要的事情: 示例: 1: 将特定图像加载到应用程序后,立即更改其源 在加载整个DOM之前 $.elementReady('

我想在弹出模式窗体上的div之间切换。我看到的问题是模态页面上的document.ready函数,它试图加载父窗体。如果我加载主父窗体,它会扭曲整个页面并尝试自动显示。有类似div.ready的东西吗?如何在弹出模式表单中包含此代码

切换代码在这里


是的,像DOM_ELEMENT.ready这样的表达式是存在的,在您现在面临的场景中非常有用

更新:

我发现这个插件正在做你需要的事情:

示例:

1: 将特定图像加载到应用程序后,立即更改其源 在加载整个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: 将轮询间隔更改为100ms。这仅在尚未调用$.elementReady时有效

$.elementReady.interval_ms = 100;

但是考虑一下:从jQuery准备好的官方文档中:在代码依赖于加载的资产的情况下,例如,如果需要图像的尺寸,代码应该放置在加载事件的处理程序中。这是一个插件,它正好符合您所需要的:检查它:仍然在努力理解。他们没有任何在线演示。无论如何,谢谢。
$.elementReady.interval_ms = 100;