Question

我正在使用AJAX来加载在使用DOM加载时完美运行的内容，但在AJAX加载期间，它无法初始化。

我不确定如何解决这个问题。

单击图像时，会打开一个类似预览的模态。但是当我通过AJAX加载相同的内容时，当点击图片时，它只是视为超链接并转到引用而不是按预期打开预览播放器。

我99％确定这是因为初始化后元素被加载到DOM中。

点击预览时应加载的代码片段示例

<div class="img-thumb">
    <a vdh-685872771="" data-pp="prettyPhoto[blog-gallery]" href="//xxxxxxxxxxxx.eu/home/scripts/<? echo $licensePath; ?>" title="Fashion and Style for the Future">
    <div class="img-thumb-hover">
        <i class="im-expand2"></i></div>
    </a>
    <img alt="blog-image" class="img-responsive" src="//xxxxxxxxxxxx.eu/home/scripts/<? echo $licensePath; ?>">
</div>

Answer 1

所以我找到了解决问题的方法。问题与DOM有关，正如@Lelio Faieta所述。然而，经过多次阅读后，我回到了prettyPhoto的原始文档，这里似乎是一个特定的脚本问题。

我用prettyPhoto和Ajax找到了这个非常好的解决方案。

要通过AJAX返回内容并初始化，您可以使用rel

的a属性执行以下操作

rel="prettyPhoto[ajax]"

通过在prettyPhoto的括号中声明ajax，这样就可以轻松地将内容添加到DOM中。

通过a加载完整AJAX的示例。

<a rel="prettyPhoto[ajax]" href="//xxxxxxx.eu/home/scripts/<? echo $licensePath; ?>">Ajax content</a>

无需添加任何新功能或编辑任何现有功能即可使用。

PrettyPhoto Documentation

AJAX加载的内容没有初始化（prettyPhoto）

1 个答案: