Question

我正在尝试使用相同的代码制作此样式的菜单： http://www.jeremymartin.name/examples/kwicks.php?example=1

我添加了链接，但它们无法正常工作。为什么不呢？

这是我的代码：

    <!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>
        <link rel="stylesheet" type="text/css" href="css/main.css" />

        <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
        <script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
        <script src="js/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>

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

    <body>
        <ul class="kwicks horizontal" >
            <li id="kwick_1" a href="#"></a></li>
            <li id="kwick_2" a href="#"></a></li>
            <li id="kwick_3" a href="#"></a></li>
            <li id="kwick_4" a href="#"></a></li>
        </ul>
    </body>
</html>

Answer 1

您的HTML无效。 li未关闭且a标记未打开。

这应该是：

        <li id="kwick_1"> <a href="#"></a></li>
        <li id="kwick_2"> <a href="#"></a></li>
        <li id="kwick_3"> <a href="#"></a></li>
        <li id="kwick_4"> <a href="#"></a></li>

Answer 2

你需要替换

<li id="kwick_1" a href="#"></a></li>

与

<li id="kwick_1"><a href="#">name of the link</a></li>

一个href无法正常工作

2 个答案: