Question

过去几个小时我一直在研究我的问题，而且我的绳索结束了。我需要帮助。

我有一个临时页面，我测试了代码并验证它是否有效，但在实际页面上，代码拒绝让步。我无法弄清楚为什么kwicks jq似乎忽略了jujumamablog.com标题上的html。＆lt; - 这是我的问题。

我正在使用kwicks进行jQuery。我创建了一个工作示例页面，以便在尝试集成到站点的实时区域之前确保代码正常工作。可以在此处找到示例页面：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）时，停止工作。

提前致谢。

Answer 1

看起来你第二次包含jQuery，因为所有这些插件都只是jQuery的方法，所以你把它们全部吹掉了。

第一个在第65行，第二个在第91行。在这两个之间添加的所有插件都被销毁。

作为旁注，您应该考虑将所有这些脚本合并为一个，然后使用YUI压缩器或任何您喜欢的压缩它们，最后，如果可能的话，将它放在底部而不是顶部。

Answer 2

我$().ready(function() {看起来不对劲。我认为这两种方式是

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

和

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

Answer 3

我在这一行收到错误：

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

[例外] TypeError：对象＃没有方法'superfish'

这可能会阻止其他准备好的事件被解雇。

Answer 4

我发现问题在于您的实时服务器使用较新版本的Jquery。我有同样的问题，但我不知道1.2.6和1.4.2之间有什么不同。希望有些答案会出现！

现在我在这里问：Plugin: Kwicks for Jquery works perfectly with Jquery 1.2.6 but not 1.4.2

jquery kwicks问题

4 个答案: