2012-03-15 70 views
0


當前我正在嘗試爲學校項目的網站創建組件模塊。該動畫包含fadeIn/fadeOut和內容更改,無需加載整個新網站。在動畫之後,它向URL添加標籤(如#關於我)。在Joomla中只出現我的404錯誤頁面,動畫不生效。
它完美適用於純HTML版本和Typo3,但不適用於Joomla。谷歌顯示這個問題沒有結果,只針對特殊的插件和模塊,而不是針對通用模塊。

我該如何正確使用它?
你可以看下面的一面:
HTML:http://www.aks-schulinfo.de/gtm3_big/24h/essmann
錯誤的jQuery示例:http://www.aks-schulinfo.de/gtm3_big/24h/essmann/js/dynamicpage.js
感謝您的幫助。Javascript以Joomla的ErrorPage結尾

回答

0

無需重新加載的contentchange現在可以流暢地運行,謝謝!另一半(淡入淡出)仍然不起作用。
爲什麼fadeeffect僅適用於html瀏覽器,而不適用於Joomla網站?

鏈接:
HTML的只有:www.aks-schulinfo.de/gtm3_big/24h/essmann/htmlonly
的Joomla版本:www.aks-schulinfo.de/gtm3_big/24h/essmann/

+1

看起來像一個鏈接問題。 Joomla網站鏈接到[this](http://www.aks-schulinfo.de/gtm3_big/24h/js/dynamicpage.js)JS文件不存在,HTML網站鏈接到[this one](http ://www.aks-schulinfo.de/gtm3_big/24h/essmann/htmlonly/js/dynamicpage.js),這樣做。 – DACrosby 2012-03-30 06:48:24

+0

它們都存在,但只有唯一的html版本文件是可見的... joomla版本的代碼,404中的錯誤在那裏,並且完全鏈接,但被joomla遮住了,我沒有任何理由......! – Terba 2012-04-23 17:46:37

1

好的,您希望在不重新加載頁面的情況下更改頁面的內容。最簡單的方法之一是加載頁面上的所有內容,然後隱藏不相關的所有內容。所以,setgup你的index.php頁面(或者哪個是你的主頁)與所有的內容分離成他們自己的div。

<div id="contentHome"> .... </div> 
<div id="contentAnmeldung"> .... </div> 
<div id="contentRegelwerk"> .... </div> 
<div id="contentSitempa"> .... </div> 

使用JavaScript與location.hash找到當前哈希標籤,然後同時隱藏其他三個切換的可能性,並顯示相關內容。如果你真的是耿耿於懷,你可以像創建頁面一樣使用php,這樣人們仍然可以鏈接到特定的「頁面」。

注意:這適用於像網站目前有限的內容。如果你有很多的內容,甚至不要嘗試它,因爲頁面加載時間將是可怕的。