0

同じコードでこのスタイルのメニューを作成しようとしています: 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>
4

2 に答える 2

0

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>
于 2012-08-12T19:27:41.897 に答える
0

交換する必要があります

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

<li id="kwick_1"><a href="#">name of the link</a></li>
于 2012-08-12T19:30:56.287 に答える