表达式引擎中的漂亮照片答案

【问题标题】：prettyPhoto in Expression Engine表达式引擎中的漂亮照片
【发布时间】：2013-02-15 18:51:14
【问题描述】：

是的，我环顾四周，似乎找不到这个问题的答案。

我正在运行 Expression Engine Core（最新版本），并且正在构建一个模板。我已经使用 Bootstrap 和其他一些代码构建了模板。我在模板中使用 prettyPhoto 时遇到问题。我有一个按钮，它调用了一个 prettyPhoto 模式窗口。我的静态 HTML 站点可以正常工作，但在某处似乎存在某种冲突。我所有的 js 文件和 css 文件链接都很好，但由于某种原因，js 不适用于我的 prettyPhoto。我使用的代码是：

    <a href="#maphelp" class="prettyPhoto">Need Help?&nbsp;<i class="icon-help-circle"></i></a><div id="maphelp" class="hide">text goes in here</div>

但我终其一生都无法弄清楚为什么这不起作用。我试过将 class= 变成 rel= ，但这仍然没有任何作用。我使用了来自http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ 的代码以及关于内联内容的部分。

我还在帮助页面中进行了修复，以确保它处于活动状态。仍然没有任何反应...

谁能帮帮我？

【问题讨论】：

标签： javascript expressionengine prettyphoto

【解决方案1】：

您是否尝试过将 prettyPhoto.js 移动到代码的底部，可能在页脚内，或者更好的是，在页脚下方。我通常会创建一个嵌入模板，在其中放置我所有的 js、xml、css 文件并像这样调用嵌入

<script src="{path="embeds/jsfile"}"></script>

这样我就可以在我的可视化模板中到处移动文件。

另一个是使用无冲突

<script type="text/javascript">
  $.noConflict();
 // Code that uses other library's $ can follow here.
 </script>

我希望这会有所帮助。

【讨论】：