2012-06-02 25 views
0

我剛剛購買了「Tonic Gallery」,我的客戶認爲這對他的網站來說絕對是完美的。難點在於它對HTML有效,但對於「.php」它甚至不會加載。HTML到PHP的jQuery - 函數錯誤

爲了讓大家更好的瞭解,下面兩個鏈接:

進補圖庫鏈接:http://codecanyon.net/item/tonic-gal...gallery/120710

LincHospitality.com:http://linchospitality.com/

這便被輸入到 「組合」 選項卡。按照指示,我已經進入了下面進入「頭」(header.php文件):

<?php $page = "portfolio";?> 
<?php include("header.php"); ?> 

    <div role="main"> 
    <div class="wrapper" id="subPagesWrap"> 
    <div id="portfolio_wavy"></div> 
    </div><!-- wrapper --> 
    </div> <!-- end main --> 

<?php include("footer.php"); ?> 

<link rel="stylesheet" type="text/css" href="styles/tonic_gallery.css"/> 
<link rel="stylesheet" type="text/css" href="styles/demo_styles.css"/> 
<link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css"/> 


<script type="text/javascript" src="script/jquery-1.4.js"></script> 
<script type="text/javascript" src="script/jquery-easing.js"></script> 
<script type="text/javascript" src="script/jquery.prettyPhoto.js"></script> 
<script type="text/javascript" src="script/portfolio-setter.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     // init the portfolio functionality 
     $('#portfolio_wavy').portfolioSetter({xmlSource:'portfolio.xml', wavyAnimation:true}); 

    }); 
</script> 

我然後從插件所需的輸入創建的「portfolio.php」頁面

在一個直接的「.html」文件中,它完美的工作!但是,因爲我已經把在「header.php文件」和「portfolio.php」,我得到以下錯誤:

$("#portfolio_wavy").portfolioSetter is not a function 

這裏的「 html的」文件的鏈接,以它是如何想的工作。相同的功能,相同的根文件夾只是不在「.php」中工作。

linchospitality 「/」 畫廊[點] HTML

我怎麼到這兒來此功能錯誤?任何簡單的方法?

謝謝!

+5

您正在PHP頁面上加載jQuery兩次(版本1.4的頭部和頁腳1.7)。這肯定會造成麻煩。 –

+0

jQuery對我來說是一個新的世界,在刪除1.4版本的時候,刪除頁腳中的加載器並將其放入頁眉是一個安全的選擇? – dgPehrson

+0

感謝那裏的漁獲。我刪除了1.4,但看起來我有一些清理工作要做。 – dgPehrson

回答

1

您需要在加載後運行該功能。您可以通過在文檔就緒事件中運行它來確保這一點。我不確定你正在使用的語法,但只要確保它在文檔準備好之後運行即可運行。

+0

感謝您的提示。 jQuery是我第一次涉足的東西。你有什麼建議,我可以做到這一點或我可以看到什麼來源? – dgPehrson

+0

對不起,剛準備好了。我會檢查文檔就緒事件。 – dgPehrson

+0

因此,通過執行doc準備事件,代碼重寫是否如下所示?$(document).ready($(function(){('#portfolio_wavy')。portfolioSetter({xmlSource:'portfolio.xml ',wavyAnimation:true}); \t})); – dgPehrson