JQuery 卷轴内部断裂 AJAX 调用 DOM 更改/插入 .load()

JQuery reel breaks inside AJAX called DOM change / insertion .load()

很难解释我在这种情况下所做的一切,但我开始了......

从导航/菜单中,我通过 .on('click') 将包含内容的各种 PHP 文件插入到我的索引页面中,.load('page.php')... 其中一个 php 页面包括3 个其他 php 元素与 2 个 JQuery 卷轴实例和另一个 .on('click') 内显示说明和默认图像的 2 个下拉选择器相关。

我已经让我所有的 JQuery / 原始 JS 在调用的 PHP div 中工作 - 那些与 JQuery 卷轴相关的通过在.on('click')->.load('page.php')...

但即使使用 getScript - JQuery reel 也只会在第一次初始化。我尝试使用 window 重新加载(因为返回主页后 - 第一个实例再次运行),然后使用调用的 PHP 加载 div(它刷新到主页并且没有'加载 div),我尝试清除 JQuery 缓存等...

长话短说。 JQuery 卷轴在初始化 css/images 时填充头部...在第一个实例中,但在 AJAX 内部称为内容之后。

答案一直内置于 JQuery 卷轴中。 Petre Vostrel 是一流的。 来自:GitHub Reel - issues “嗨,请在注入 HTML 后使用 $.reel.scan() 方法。文档摘录:

负责发现和随后转换数据配置的 Reel 图像的是 $.reel.scan() 方法,当 DOM 准备就绪时会自动调用该方法。一般情况下不需要自己扫描。

然而,当您碰巧将数据配置的 Reel 注入已经准备好的 DOM 时,重新扫描会派上用场。