0

私は小さなフォームを持っており、ユーザーが数字を入力してセクションにジャンプできるようにするつもりです。これがアンカー リンクになります。

Jump to <input type="text" value="" name="a_gobox" id="a_gobox" /> 
<input type="image" class="button" name="submit" src="/images/gobutton.png" alt="Go" />

したがって、ユーザーが「7」と入力した場合、ページのハッシュ アンカーを に変更し#section7ます。

ページに反映するだけでなく、アドレスバーで実際のハッシュ値が変化することが重要です。

どうすればこれを達成できますか？

4

2 に答える 2

2

あなたは簡単にできるはずです：

window.location.hash = '#' + $('#a_gobox').val();
于 2013-03-27T15:10:53.533 に答える
0

次のようなものを使用できます

$('.button').on('click', function() {
   var which_number = $('#a_gobox').val(),
       section_to_jump_to = '#section_' + which_number;
    window.location.hash= section_to_jump_to; 
});

そして少しフィドルhttp://jsfiddle.net/ftWZh/1/

于 2013-03-27T15:17:53.810 に答える