2009-09-26 162 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