2009-09-26 41 views
0

我一直在努力解決我過去幾個小時的問題,並在我的繩索末端。我需要幫助。jquery kwicks問題

我有一個暫存頁面,我測試了代碼並確認它可以工作,但是在實時頁面上,代碼拒絕提供預算。我無法弄清楚爲什麼kwicks jq似乎忽略了jujumamablog.com頭上的html。 < - 這是我的問題。

我正在使用jQuery的kwicks。我創建了一個工作示例頁面,以便在嘗試集成到網站的活動區域之前確保代碼正在工作。樣本頁面可以在這裏找到:http://jujumamablog.com/jujumama/dev.html

工作示例頁面的代碼如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> 
<head> 
    <title>Kwicks Examples: Example 1</title> 
    <script src="http://jmar777.googlecode.com/svn/trunk/js/jquery-1.2.6.js" type="text/javascript"></script> 
    <script src="http://jmar777.googlecode.com/svn/trunk/js/jquery.easing.1.3.js" type="text/javascript"></script> 

    <script src="http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script> 
      <style type="text/css"> 

    /* defaults for all examples */ 
    .kwicks { 
     list-style: none; 
     position: relative; 
     margin: 0; 
     padding: 0; 
    } 
    .kwicks li{ 
     display: block; 
     overflow: hidden; 
     padding: 0; 
     cursor: pointer; 
    } 

    /* example 1 */ 
    #example1 .kwicks li{ 
     float: left; 
     width: 98px; 
     height: 200px; 
     margin-right: 2px; 
    } 
    #example1 #kwick1 { 
     background-color: #53b388; 
    } 
    #example1 #kwick2 { 
     background-color: #5a69a9; 
    } 
    #example1 #kwick3 { 
     background-color: #c26468; 
    } 
    #example1 #kwick4 { 
     background-color: #bf7cc7; 
    } 
    #example1 #kwick5 { 
     background-color: #bf7cc7; 
     margin-right: none; 
    } 
    </style> 

<script type="text/javascript"> 
    $().ready(function() { 
     $('.kwicks').kwicks({ 
      max : 205, 
      spacing : 5 
     }); 
    }); 
</script> 

</head> 

<body> 
     <div id="example1"> 
      <ul class="kwicks"> 

       <li id="kwick1"></li> 
       <li id="kwick2"></li> 
       <li id="kwick3"></li> 
       <li id="kwick4"></li> 
       <li id="kwick5"></li> 
      </ul> 
     </div> 
     <div style="clear:both;"></div> 

</body> 

我希望這將是一個相當簡單的「即插 - 播放「實例。男孩,我錯了。

我的任務是讓這個光滑的部分順利運行。我知道主站點(jujumamablog.com)還有其他問題,具體載入時間,我被告知暫時忽略它。

編輯 -----------

我需要更清晰一點在這裏。上面的代碼有效,我想知道爲什麼,當我嘗試將代碼放入實時頁面(jujumamablog.com,其中有其他腳本和-ish)時,此停止工作。

在此先感謝。

+0

似乎是工作的罰款,我(在Chrome) – Greg 2009-09-26 07:40:57

+0

感謝您的輸入格雷格,雖然,因爲我認爲我在描述試驗區工作的明確預期。 jujumama.com的頭部實例不是。 – 2009-09-26 07:44:15

+0

jujumamablog.com寧願 – 2009-09-26 07:45:05

回答

4

它看起來像你第二次包括jQuery,因爲所有這些插件只是jQuery的方法,所以你把它們全部吹走。

第一個在第65行,第二個在第91行。所有在這兩個之間添加的插件都被銷燬了。

作爲一個提示,你應該考慮將所有這些腳本合併爲一個,然後用YUI壓縮器或任何你喜歡的壓縮它們,最後,如果可能的話,把它放在底部而不是頂部。

+0

修正了這個,仍然沒有去 – 2009-09-26 08:59:30

+0

我不知道你是一個Stackoverflow成員;) – 2009-09-26 09:02:57

+1

我仍然可以在網站上看到雙jQuery ivannovak。 你有一個開發網站或我可以看到變化的東西嗎? Hey meder! :D – nlogax 2009-09-26 09:07:27

1

$().ready(function() {看起來不對我。我認爲,這樣做的兩種方式是

$(function() 
{ 
    //etc 
}); 

$(document).ready(function() 
{ 
    //etc 
}); 
+0

爲了清晰起見,我編輯了這個問題。上面的代碼工作,我想知道爲什麼它停止工作時,我把它放在現場(jujumamablog.com) – 2009-09-26 07:59:55

0

我在這條線得到一個錯誤:

jQuery('ul.sf-menu').superfish(); 

[Exception] TypeError: Object # has no method 'superfish'

這是可能的,這是停止休息你的準備好的事件從射擊。

+0

我刪除該行和相關的行。仍然沒有去。 :( – 2009-09-26 08:21:59