17

サイトの 2 つのページにこのコードがありますが、1 つのページで機能が動作しません。Firebug は、「 $(...).tabs は関数ではありません」と表示します。理由がわかりません、何が悪いのか誰か教えてもらえますか?

これは機能しています: http://www.invat-online.net/variante-rezolvate

これは機能していません: http://www.invat-online.net/variante-explicate-limba-romana/varianta-01

コードは次のとおりです。

<div id="tabss">
    <ul>
        <li><a href="#SubiectI">Subiect I</a></li>
        <li><a href="#SubiectII">Subiect II</a></li>
        <li><a href="#SubiectIII">Subiect III</a></li>
    </ul>
    <div id="SubiectI">content here</div>
    <div id="SubiectII">content here</div>
    <div id="SubiectIII">content here</div>
</div>

$(document).ready(function() {
   $("#tabss").tabs();
});
4

8 に答える 8

15

JavaScriptファイルへの相対パスがあります：

javascript/jquery-ui-1.9.2.custom.min.js

mod_rewriteモジュールを使用しているため、それらを絶対パスに変更します

/javascript/jquery-ui-1.9.2.custom.min.js

最初のリンクでは、サーバーはディレクトリを探しています

http://www.invat-online.net/javascript/my_js_file.js（存在する）

しかし、2番目のものでは、パスは

http://www.invat-online.net/variante-explicate-limba-romana/javascript/my_js_file.js存在しないもの

于 2013-01-12T14:17:23.343 に答える
4

問題は、jQuery UI の js と css がロードされていないことです。

<script>タグのパスを上記のディレクトリ../javascriptまたはウェブサイトのルートに変更してみてください/javascript。

<script src="/javascript/head.min.js"></script>
<script src="/javascript/jquery-ui-1.9.2.custom.min.js"></script>
<link href="/stylesheets/smoothness/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" />
于 2013-01-12T14:18:16.223 に答える
1

最初のデモがロードされます:

http://www.invat-online.net/javascript/jquery-ui-1.9.2.custom.min.js

2 番目のデモの読み込みを試みます。

http://www.invat-online.net/variante-explicate-limba-romana/javascript/jquery-ui-1.9.2.custom.min.js

最後の 1 つは 404 になります。後者のパスを修正する必要があります。おそらく、現在の 1 つ上のディレクトリで jQuery UI を見つけるように指示します../jquery-ui-1.9.2.custom.min.js。

于 2013-01-12T14:18:24.037 に答える
-1

私は同じ問題を抱えていました.jqueryとbootstrap cssのインポートが互いに競合していることに気付きました。インポートしたものを見て、それらのインポートを最小限に減らして、どれが競合しているかを確認してください。

ここにそれを実装する方法の例があります。私はその例を取り、作業してから、自分のアプリケーションに適応させました:

jquery 1.9 用 (ソースをクリックしてコードを表示) http://jqueryui.com/tabs/

jquery 1.8 の場合 (ページの最後にある例を確認してください) http://api.jqueryui.com/1.8/tabs/

それが役に立てば幸い！

于 2013-10-25T15:08:42.603 に答える