Expression Engine中的prettyPhoto

Question

對，我環顧四周，似乎無法找到這個問題的答案。

我正在運行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/中的代碼與內嵌內容的部分一起使用。

我也在幫助頁面內完成了修復，以確保它處於活動狀態。仍然沒有發生...

任何人都可以幫助我嗎？

Answer 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> 

我希望這有助於。