1

リンクを作成するには、href = "＃"をクリックしてもURLに＃が表示されず、ページを上にスクロールしないようにするにはどうすればよいですか？

私はそれをhttp://www.offroadstudios.com/creative-agencyで見ました が、彼らがそれをどのように行ったかを知ることができませんでした。左側のメニューにはhref="＃"が含まれていますが、私が求めているように動作します。

4

5 に答える 5

5

そのサイトを見ると、表示されるコンテンツを変更するために jQuery を使用しているように見えます。#がブラウザ バーに表示されないようにするには、次のことができpreventDefaultます。

$("a.myLinkClass").click(function(e){
   e.preventDefault();
   //do something..
});

デモを参照してください: http://jsfiddle.net/SJuwL/show

于 2012-08-01T09:13:30.523 に答える
2

トピック作成者のリンクでは、彼らはこれを使用しました:

jQuery(document).ready(function() {     
    jQuery('.product-selector').each(function(i, element) {
        jQuery('.product-selector.product-' + i).click(function() {
            jQuery('a#products-top').focus();
            if (producttool == false) {
              producttool = true;
            }

            // Return false so that the page doesn't switch.
            return false;
        });
    });
});

したがって、あなたの質問に対する答えはreturn false;、 onclick イベントです。

デモはこちら: http://jsfiddle.net/FSou1/K3p2W/

于 2012-08-01T09:32:09.827 に答える
1 
$('a[href="#"]').click(function(event){

    event.preventDefault();

});
于 2012-08-01T09:12:48.260 に答える
0

リンクへのクリック ハンドラーを攻撃し、デフォルト アクションを阻止する

$('a').click(function(){return false});

http://jsfiddle.net/MjyzK/show/

于 2012-08-01T09:13:48.660 に答える
-2

HTML ファイル内の位置にリンクジャンプするには、名前付きアンカー タグを使用できます。

    <a name="here"></a>
    <a href="#here">LINK</a> <!-- jumps to the position "here" -->
于 2012-08-01T09:14:39.743 に答える