Css 让jQuery插件对动态加载(ajax)内容进行操作
我有一个jQuery插件(colorbox),它加载一个模式弹出窗口(带有一个外部html文件) 如果您使用的是“window.open”类型的弹出窗口,那么我会说,将其简化一点,并将其作为一个JQueryUI对话框引入您的页面,该对话框将内容拉入外部html文件,将其加载到DIV中,并可在常规页面上下文中访问,同时继承JQuery和CSS。其简单形式如下:Css 让jQuery插件对动态加载(ajax)内容进行操作,css,jquery-plugins,load,colorbox,jscrollpane,Css,Jquery Plugins,Load,Colorbox,Jscrollpane,我有一个jQuery插件(colorbox),它加载一个模式弹出窗口(带有一个外部html文件) 如果您使用的是“window.open”类型的弹出窗口,那么我会说,将其简化一点,并将其作为一个JQueryUI对话框引入您的页面,该对话框将内容拉入外部html文件,将其加载到DIV中,并可在常规页面上下文中访问,同时继承JQuery和CSS。其简单形式如下: $("#id").load(url).dialog(); 其中#id是隐藏的DIV,将包含对话框数据,URL是弹出窗口中html文件的
$("#id").load(url).dialog();
其中#id是隐藏的DIV,将包含对话框数据,URL是弹出窗口中html文件的外部URL。找到了解决方案
我的问题是关于将colorbox(jquerylightbox插件)与jScrollPane(jQuery自定义滚动条插件)集成的。我用colorbox加载内容的ajax调用成功了,但是,jScrollPane无法启动,因为没有加载所需的内容(因为ajax调用没有从head
标记中提取任何信息)
如果其他堆栈溢出程序遇到类似的问题,我就是这样解决的:使用iframe而不是ajax调用。哎呀。嗯
我不知道colorbox是否是唯一一个只从body
标签而不是head
中提取信息的插件,但我想很多插件在处理外部文件时都是这样工作的。如果这是您的问题,请使用iframes来确保提取头中的数据
谢谢你!我仍然爱你。你准备好使用文档了吗?如果是这样的话,我相信你需要改变。生活。你也可以让你的ajax返回JS来执行。不幸的是,这是一个模式,在窗口中弹出…很像JQueryUI对话框,但是一个不同的插件。我已经按照你的建议设置好了。嗨,REW…我刚刚发现了!我使用iframes,因为我的插件只是从body标签中提取信息(因此没有加载其他插件所需的CSS)。谢谢你花时间考虑我的问题!哦,我明白了。我的建议是在调用页面中加载jScrollPane和colorbox插件,DIV将继承基本文档的全部范围。