-1

十分に具体的でないために閉じられたので、前の質問を再度開きます。

jQueryプラグイン「ScrollTo」を機能させようとしていますが、ドキュメントで説明されているのと同じメソッドを使用しているにもかかわらず、間違いなく間違ったことをしています。

これが私が進む方法です：

私の最後にjqueryを呼び出す<head>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.scrollTo-min.js'></script>
<script type='text/javascript' src='js/init.js'></script>

メニューリンクにコードを入れました

<li><a title="$(...).scrollTo( 'home' );" href="#home"><span></span>Home</a></li>

これは、彼らがドキュメントで行っているように見える方法です：view-source：http ://demos.flesler.com/jquery/scrollTo/

ただし、機能しません。私はそこに何かが欠けていますか？

4

2 に答える 2

1

デモで

<a title="$(...).scrollTo( 'home' );" href="#home">

実際、title属性は本来の目的のために使用され、その目的のみに使用されます。目的は、ホバー時に小さなツールチップを表示することです。このタイトルは、プラグインによって解釈されることはありません。

動作はファイルにコード化されて js/init.jsおり、次のようになります。

$('#relative-selector').click(function()
  $paneTarget.stop().scrollTo( 'li:eq(14)', 800 );
});
...
//the same for every link on the page

正しい使い方

はプロジェクトのメイン ページに記載されており、そのページではtitle属性についてはまったく言及されていません。デモの目的は、プラグインで何ができるかを示すことであり、ソース コードの検査用に設計されているようには見えません。メインページの URL は
http://flesler.blogspot.cz/2007/10/jqueryscrollto.htmlです。

あなたの場合、リンクに ID (またはクラス) を追加して、Javascript から見つけられるようにします。次に、プラグインを呼び出すクリック ハンドラーをリンクに追加します。に文字列を渡す場合scrollToは、ID ではなくセレクターにする必要があります (追加#)。ブラウザ ウィンドウをスクロールするには as を使用scrollToし$.scrollTo、他のコンテナをスクロールするには を使用します$(container).scrollTo。また、hrefターゲットを削除することもできます。

HTML の例:

<a href="#" id="click-me">...</a>

JS の例:

$("#click-me").click(function(){
  $.scrollTo("#home");
});

$(document).ready(...)のスクリプトが気に入った場合は、忘れずに折り返してください<head>。また、 がデモのメイン JS ファイルinit.jsの名前であることに注意してください。あなたの名前が別の名前である場合、ファイルは必要ありません。また、デモからファイルをコピーして貼り付ける必要はありません。init.js

于 2013-02-24T21:19:07.127 に答える
0

「ホーム」の先頭にハッシュ記号を追加すると、問題が解決する可能性があると思われます。

<li><a title="$(...).scrollTo( '#home' );" href="#home"><span></span>Home</a></li>

scrollTojQueryセレクターが必要なようです（あなたが望むように）ので、有効なセレクターにするためにハッシュ記号が必要です。

于 2013-02-24T20:36:42.007 に答える