0

所以我花了一个多小时试图弄清楚这一点。

我正在尝试使用来自 html5-kickstart 的 ToolTip,但当我使用它时它似乎不起作用,但 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 的全部内容。

4

1 回答 1

0

好的,我终于想通了。

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

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

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

我希望这可以帮助其他人。

于 2014-12-31T18:00:00.427 回答