HTML-KickStart工具提示错误

时间:2014-12-31 17:36:18

标签: html5 apache tooltip html5-kickstart

所以我花了一个多小时试图解决这个问题。

我正在尝试使用html5-kickstart中的工具提示,当我使用它时,它似乎无法工作,但kickstart的厨房水槽工作正常。我甚至将他们的所有代码都复制到我的网络服务器中,但它没有用?

我复制了他们的标题但它没有工作,复制了他们的代码而且它没有用。

我使用Apache 2几乎是开箱即用的。其他一切html5似乎工作正常,但kickstart的工具提示。

这是我的代码。

<html>
<head>
<title>Please Set name in fuction!</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="" />
<!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

        <link rel="stylesheet" type="text/css" href="http://xxx.xxx.xxx.xxx/xxxxdesk/css/mainpage.css" />
        <link rel="stylesheet" type="text/css" href="http://xxx.xxx.xxx.xxx/xxxxdesk/css/kickstart.css" />
        <link rel="stylesheet" type="text/css" href="http://xxx.xxx.xxx.xxx/xxxxdesk/css/tiptip.css" />
        <script src="http://192.168.77.74/xxxxdesk/js/mainpage.js" ></script>
        <script src="http://192.168.77.74/xxxxdesk/js/kickstart.js" ></script>
        <script src="http://192.168.77.74/xxxxdesk/js/jquery-1.6.4.min.js" ></script>
        <script src="http://192.168.77.74/xxxxdesk/js/helium.js"></script>
</head>

<body>
    <nav>
    <div class="grid">
        <div id="title" class="col_8 left">
            <span>xxxxdesk<span>
        </div>

        <div id="login" class="col_4 right">

            <!-- Click Action -->
            <button class="tooltip" data-content="#usermenu" data-action="click">
                <i class="icon-user"></i> UserName <i class="icon-sort-down"></i>
            </button>
            <div class="tooltip-content" id="usermenu"><h5>Menu</h5>
                <button class="button meduim red pill" href="index.php/auth/logout">Logout</button>
            </div>
                        </div>
    </div>


</nav>

<div class="background">    
    <header>
        A header .........
    </header>

    <main>
        Content ...........
    </main>
</div>

<footer>
    A Footer ..............
</footer>

请注意,所有这些代码都是由我的PHP代码生成的。所以它是一个动态网站,但这与HTML5 Kickstart有关。

1 个答案:

答案 0 :(得分:0)

好的,我终于明白了。

厨房水槽显示该软件包的旧版本,它使用旧版本的jQuery。

我的第一个错误是我有旧版本的jQuery。

我的第二个错误是我在调用kickstart.js之后调用了jQuery。 jQuery需要先来。

我希望这有助于其他人。