0

私はJqueryを初めて使用し、問題のあるファイルが欠落していると確信していますが、どのファイルを使用すべきか少し迷っています。これは、頭と他のcssおよびjsファイルの束です。おそらく競合があるかどうかはわかりません。

</head>
<!--Tab menu css and javascript link-->
<script type="text/javascript" src="js/tabcontent.js"></script>
<link href="css/tabcontent1.css" rel="stylesheet" type="text/css" />

<!--left menu gallery slider css and javascript-->
<link rel="stylesheet" type="text/css" href="css/login_panel/css/slide_hm.css" media="screen" />
<script src="css/login_panel/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="css/login_panel/js/slide_hm.js" type="text/javascript"></script>

<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.8.21/themes/ui-lightness/jquery-ui.css" />
<script>document.documentElement.className = "js";</script>
<script src="../vendor/jquery-1.7.2.js"></script>
<script src="../vendor/json2.js"></script>
<script src="../src/jquery.collapse.js"></script>
<script src="../src/jquery.collapse_storage.js"></script>
<script src="../src/jquery.collapse_cookie_storage.js"></script>

<link rel="stylesheet" type="text/css" href="css/jquery-ui-timepicker-addon.css" />
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script></head>

これは私が持っているコードです:

<script type="text/javascript">$(function(){
$('#example1').timepicker();
});
</script>

そして、これは入力です：

<input type="text" name="example1" id="example1" value="" />

しかし、何も表示されず、クロムはエラーを出します: Uncaught TypeError: Object [object Object] has no method 'timepicker'

だから私の質問は、コードを台無しにしたか、ファイルが見つからないかということです。もしそうなら、どこにダウンロードして追加できますか。

4

2 に答える 2

2

必要な jquery のバージョンを確認してください。

$(document).ready(function() { 
 // timepicker code here
}

の使用$(function() {})はあまりお勧めしません。リンクを参照してください

于 2012-09-09T21:48:08.137 に答える
1

ここには、重要度の異なるいくつかの問題があるようです。

投稿の最後に別の /head があることを考えると、最初の行はおそらく /head ではなく head にする必要があります。

「css/login_panel/js/jquery-1.3.2.min.js」、「../vendor/jquery-1.7.2.js」、「js/jquery.min」の少なくとも 3 つのバージョンの jQuery が含まれています。 .js". どれが最新バージョンかを確認し、現在 jquery-1.3.2.min.js をインクルードしている行にインクルードします。他を削除します。

おそらく、jQuery をインクルードした直後、タイムピッカー ライブラリをインクルードする前に、jQuery UI をインクルードする必要があります。

timepicker を呼び出しているコードを ready() 関数でラップする必要があることが提案されていますが、すでにそれを行っています。$(function() {}) は $(document).ready(function() {}) と同等です。

ただし、次のように、その方法を少し変更することで、長期的には頭痛の種を減らすことができる場合があります。

jQuery(function($) {
    $('#example1').timepicker();
});

(これはあなたがしていることと同等ですが、jQuery の noConflict 機能が有効になっている場合に機能します)

コードが機能しない理由は、タイムピッカー CSS ファイル (「jquery-ui-timepicker-addon.css」) を含めているようですが、タイムピッカー JavaScript ファイルを含めていないためです。

于 2012-09-09T22:00:14.667 に答える