0

私はjQueryに精通していないので、これはおそらく私の問題ですが、これを使用したいと思います。

http://jsfiddle.net/hGcV2/1/

ただし、唯一の問題は、jsfiddleの外部で動作させることさえできないことです。私は以前にjQueryを実装したことがあるので、これも同じだと思いましたが、これに関する知識が少ないことが私を最大限に活用しているようです。

HTML

<head>

<link rel="stylesheet" href="awwyea.css" type="text/css" media="all" >

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
<script src="yay.js"></script>
</head>
<body>
<div id="cycler">      
<div>A</div>        
<div>B</div>        
<div>C</div>        
<div>D</div>        
<div>E</div>        
<div>F</div>        
<div>G</div>        
<div>H</div>        
<div>J</div>      
</div>
</body>
</html>

CSS

#cycler{
  height:5em;
  overflow:hidden;
  border:1px solid gray;
}​

jQuery

function cycle($item, $cycler){
setTimeout(cycle, 2000, $item.next(), $cycler);

$item.slideUp(1000,function(){
    $item.appendTo($cycler).show();        
});

 }

cycle($('#cycler div:first'),  $('#cycler'));​

簡単に言えば、notepad ++を使用してブラウザー(chrome IE FF)でこのコードを実行すると、同じフォルダー内のすべてのファイルで、静的なnoneスクロールが発生するのはなぜですか。

あいうえお

何かが機能していません。

4

1 に答える 1

2

これを本当に信用することはできません...私はj08691がそれを釘付けにしたと思います。

スクリプトを実行しようとしたときに要素がロードされていないため、コードをjQueryready呼び出しに入れる必要があります。スクリプト(yay.js)がヘッド(本文のHTML要素の前)にロードされています。したがって、スクリプトは失敗します。

yay.jsでは、次のように開始コードをラップするだけです(HTMLドキュメントの読み込みが完了する必要があるもの):

jQuery(document).ready(function(){
    cycle($('#cycler div:first'),  $('#cycler'));​
});

または省略構文

jQuery(function(){
    cycle($('#cycler div:first'),  $('#cycler'));​
});

JSFiddleは、デフォルトですべてのJavaScriptコードをウィンドウのオンロードで実行するように配置します。Javascriptのラッピング方法を変更するだけで、JSFiddleをHTMLドキュメントのようにローカルで機能させることができます。

「ラップなし(ヘッド)」に変更した場合、サンプルをJSFiddleでも機能させるには、jQueryドキュメントレディ関数またはウィンドウオンロードを追加する必要があります。

ここに画像の説明を入力してください

于 2012-11-10T22:21:21.790 に答える