[WordPress] 非表示の input にスクロールします。

スポンサーリンク

質問

私は場所の文字列が含まれているイメージ マップがあります。誰を入力 (クリックしてされたところはどこでも異なります) 文字列の特定の領域をユーザーがクリックした非表示にスクロールする必要がある関数に送りますの id と等しい文字列。

<input type="hidden" id="Nashville, TN">
<div class="speaking-date">...</div>

複数の div の id が含まれていない、目的の文字列を上記の各 id 非表示入力を作成したので、私はそれらの id を与えることはできません。ナッシュビル、テネシー州の id を持つ非表示入力にスクロールするしたいユーザーは、イメージ マップ上のナッシュビル、テネシー州でクリックすると、それで

 function FindPlace(place){
 var $j = jQuery.noConflict();
 $j('html, body').animate({
                scrollTop: $j("#"+place).offset().top    
                }, 2000);
}

どこ彼らはクリックしてされている変数の場所

scrollTop: $j("#"+place).offset().top

私は「’top’ の未定義のプロパティを読み取ることができません」エラーを取得します。
使ってみました:

scrollTop: $j( "input[id="+place+"]" ).offset().top

が、私はエラーを取得”構文エラー、認識できない式: 入力 [id = ナッシュビル、TN]」。ワードプレス、noConflict を使用しています理由はこれをやっています。任意のヘルプやヒントをいただければ

答え

. いくつかの問題がある場合、私の認識で

1 – あなたの id が無効です

2 – 隠し… スクロールことはできませんので、入力は位置 definied にありません

.before()、これにスクロールを使用して一時的な入力テキストを作成し、彼の後を削除を試して…

これは、ような

HTML

<input type="hidden" id="Nashville">
<div class="speaking-date">...</div>

JS

$("#Nashville").before("<div id='divTemp'>test</div>");
$('html, body').animate({
                scrollTop: $("#divTemp").offset().top    
                }, 2000);
$("#divTemp").remove();

http://stackoverflow.com/questions/32234812/scroll-to-hidden-input

スポンサーリンク

Leave a Reply