2012-04-18 10 views
0

Iはthisを呼ぶと(hereで述べたように、すべての31個の成分)jquery-ui-1.8.19.customライブラリをdownoadedjQueryのタブウィンドウ

Iは、サンプルコードに従いました。しかし、それは動作しませんでした。ここに私のフルコードです。

<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Tabs - Default functionality</title> 
     <script type="text/javascript" src="1_6js.js"></script>// this is 1.6 jQuery pluging and it works well in other pages  
     <script type="text/javascript" src="jquery-ui-1.8.19.custom.min.js"></script> // this is my jquery ui plugin 

    <script> 
    $(function() { 

       alert("hi") // this alert showed in browser 

     $("#tabs").tabs(); 
       alert("oh") // this alert is also showed. 
    }); 
    </script> 
</head> 
<body> 

<div class="demo"> 

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">tab 1</a></li> 
     <li><a href="#tabs-2">tab 2</a></li> 
     <li><a href="#tabs-3">tab 3</a></li> 
    </ul> 
    <div id="tabs-1"> 
     Content 1 
    </div> 
    <div id="tabs-2"> 
     Content 2 
    </div> 
    <div id="tabs-3"> 
     Content 3 

    </div> 
</div> 

</div><!-- End demo --> 

</body> 
</html> 

私はCSSスタイルは必要ありません。私は作業しているシンプルなタブペインだけを必要とし、後で改善することができます。私は</script>タグ内のbodyタグに$("#tabs").tabs();を入れました。それも動作しませんでした。私がどこにいなくなったのか、どこに問題があるのか​​を誰にでも知らせることができます。あなたが好きな関連のCSSを追加するのを忘れ

答えて

1

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.cssを追加

<link rel="stylesheet" href="/css/custom-theme/jquery-ui-1.8.19.custom.css" type="text/css" /> 
+0

ありがとうございます。その後、CSSだけが追加されました。機能していません。 –

+0

しかし、別のCSSで問題を解決しました。 http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.cssありがとう –

+0

ああ私のポストではランダムなCSSのhrefだった! – Ghokun

0

は、問題を解決しました。

関連する問題