2011-03-08 26 views
5

Aşağıdaki komut dosyası çalışmıyor. o jquery sekmeleri kullanarak olmalı, ama linkler nedense sekmelerin dönüşmüyorsa:jquery ui sekmeleri çalışmıyor

<!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"> 
<head> 
    <title>Untitled Page</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
    <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> 

    <script type="text/javascript" language="javascript"> 
     $(document).ready(function(){ 
      $("#tabs").tabs(); 
     }); 
    </script> 

</head> 
<body> 

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Nunc tincidunt</a></li> 
     <li><a href="#tabs-2">Proin dolor</a></li> 
     <li><a href="#tabs-3">Aenean lacinia</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, </p> 
    </div> 
    <div id="tabs-2"> 
     <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus </p> 
    </div> 
    <div id="tabs-3"> 
     <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. </p> 
    </div> 
</div> 
</body> 
</html> 
+2

, tüm "CSS" yi dahil ettiniz mi? – diEcho

+0

Evet, lütfen yukarıda düzenlenmiş soruya bakın. – oshirowanen

cevap

0

jsfiddle belgenizin için, Fiddle beklediğini biçimde sayfanızı girmeniz gerekir. Sadece HTML panelindeki HTML ve yalnızca javascript panelindeki JS. HTML'niz yalnızca vücut öğesinin içine girenleri içermelidir. JS'niz yalnızca komut dosyası etiketine girenleri içermelidir. DOCTYPE, body veya html öğelerini eklememelisiniz. Komut dosyası etiketini eklememelisiniz. Buradaki belgelere bakın: http://doc.jsfiddle.net/basic/introduction.html#entering-code. Bunu yaparsanız kod çalışır.

Bunu tamamladıktan sonra, yalnızca stil yapan doğru sekmeyi eklemeniz/referans etmeniz ve sekmeli bir arabirim olarak görüntülenmesi gerekir. Bağımsız belgeniz için, yapılması gereken tek şey bu.

+0

Özgün soruda gördüğünüz kod, kişisel sunucumda kullandığım koddur ve çalışmaz. – oshirowanen

+3

@oshirowanen - çünkü CSS'nin URL'si yanlış. Http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css adresini veya başka bir temayı deneyin. Bkz. Http://jsfiddle.net/Cv5AY/7/ Not: Fiddle'ın giriş kurallarına uyması için kodunuzu değiştirmenin yanı sıra bu CSS dosyasını bir kaynak olarak ekledim. – tvanfosson

+0

Bu, OP'den gelen soruya cevap vermiyor. – 8bitjunkie