Question

我有一个jQuery插件（colorbox）加载模态弹出窗口（带有外部html文件）。＆lt; - 完美地完成工作。我有另一个jQuery插件（jScrollPane）加载div的自定义滚动条。＆lt; - 它本身也很完美。两者都有JS组件和CSS组件。

到目前为止我的流程：

我尝试从永恒的html（弹出窗口）加载并初始化滚动条jQuery和CSS，我的div消失了。
然后我尝试在父窗口中加载滚动条jQuery并在colorbox回调中初始化...这次我的div没有消失，但滚动条和箭头（甚至OS标准箭头）确实消失了。 / LI>
最后，我将滚动条CSS放在<style>标签中，并将其推入永久的html文件的<body>标签内。这适用于所有主流浏览器，但现在您无法退出弹出窗口。精氨酸！

所以我认为我的问题是：你如何获得jQuery插件及其CSS文件来初始化动态加载的内容？什么在哪里（包括jQuery库本身）？

谢谢！

Answer 1

如果您正在使用“window.open”类型的弹出窗口，那么我会说让它更简单一点，并将其作为JQueryUI对话框带入您的页面，拉入您的外部html文件是内容，加载它在DIV中并且可以在一般页面上下文中访问，也继承了JQuery和CSS。这个的简单形式应该是：

$("#id").load(url).dialog();

其中#id是隐藏的DIV并且包含对话框数据，而URL是弹出窗口中html文件的外部URL。

Answer 2

找到解决方案......

我的问题是专门将colorbox（一个jQuery灯箱插件）与jScrollPane（一个jQuery自定义滚动条插件）集成。我的ajax调用加载颜色框的内容工作，但是，jScrollPane无法启动，因为未加载所需的（因为ajax调用没有从head标记中提取任何信息）。

如果其他Stack Overflowers遇到类似问题，这就是我要解决的问题：使用iframe而不是ajax调用。糟糕！咄。

我不知道colorbox是否是唯一仅从body标签而不是head提取信息的插件，但我想在处理外部文件时，许多插件都以这种方式工作。如果这是您的问题，请使用iframe确保提取head标记中的数据。

谢谢Stack Overflow anyhoo！我仍然爱你。