JQueryをクリックすると、ページの先頭に移動します

Question

jqueryに慣れていません。私はポップオーバーを作ったが、私がポップオーバーを設定したボタンをクリックすると、ページの上に私を連れて来る。私はデフォルトの出来事を防ぐことを試みたが、それは私のために働かなかった。私はどこが間違っているのか分からない。ここに私のコードです：

<script> 
$(document).ready(function(e) { 
    $('[data-toggle="popover"]').popover(); 
    e.preventDefault(); 
}); 
</script> 

そのわずか数行は、HTMLファイルに書きたいと思います。私はそのボタンをクリックしたときに何をするのですか？ここで

は私の全体のポップオーバーコードです：

<a href="#" data-toggle="popover" data-trigger="focus" title="Telefon" data-content="Call us: (123) 123 1234" class="btn btn-default" role="button">example</a> 

Answer 1

@Burakシュメール、HREFから#を削除し、それを変更します。

href="javascript:void(0)"

Answer 2

あなたはdocument.readyイベントではなく、クリックでデフォルトを防止しています。ポップオーバーを取得するためにボタンをクリックしていると言います。そのため、clickイベントでDefault（）を防ぐ必要があります。 popover（）関数（jQuery標準のAFAIKではありません）を投稿すると、さらに手助けをすることができます。

Answer 3

残念ながら、あなたのコードでは何も防ぐことはできません。

$(document).ready(...) 

は、DOMが完全にロードされると呼び出されます。その時点で防止するイベントはありません。 実際のpopover-elementをクリックすると、デフォルトの動作が行われないようにします。

$('[data-toggle="popover"]').on('click', function(e) { 
    e.preventDefault(); 
    return true; 
}); 

これで、予想通りにポップアップが表示され、スクロールが消えるはずです。

または、とし、がpopover-elementに定義されていると仮定して、href="#"部分を削除することもできます。あなたがそれを必要としない場合は、ちょうどそうしてください！