2012-08-12 76 views
0

我試圖使菜單在這個風格相同的代碼: http://www.jeremymartin.name/examples/kwicks.php?example=1A HREF現在的工作

我加入了鏈接,他們沒有工作。任何想法爲什麼他們不是?

這裏是我的代碼:

<!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> 

回答

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> 
+0

謝謝你,從來沒有在同一個用ID和A HREF工作之前線。 – Matti 2012-08-12 19:30:44

+0

如果我不想讓整個街區成爲一個鏈接,它會是什麼樣子? – Matti 2012-08-12 19:55:15

0

需要更換

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

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