jQuery UIダイアログをポップアップするときにページ上部へのスクロールを防止するにはどうすればよいですか？

Question

私は現在、jTemplatesを使ってクライアント上にかなり大きなテーブルを作成していますが、各行にはjQuery UIダイアログを開くボタンがあります。しかし、ページを下にスクロールしてそのボタンの1つをクリックすると、jQueryダイアログが開きますが、スクロール位置が失われ、ページが上にジャンプします（ブロッキングと実際のダイアログで画面外が見えます）。誰かがこの問題の原因を知りましたか知っていますか？

ありがとうございました。

Answer 1

ダイアログをポップする「ボタン」を実装するためにアンカータグを使用していますか？その場合、アンカータグのデフォルトのアクションが呼び出されないように、ダイアログを開くclickハンドラがfalseを返すようにします。ボタンを使用している場合は、（ハンドラーからfalseを返して）サブミットしないようにし、ページを完全に更新する必要もあります。例えば

、

$('a.closeButton').click(function() { 
    $('#dialog').dialog('open'); 
    return false; 
}); 


<a class='closeButton'>Close</a> 

Answer 2

変更この

$('a.closeButton').click(function(e) { 
    e.preventDefault(); 
    $('#dialog').dialog('open'); 
}); 

Answer 3

のようなあなたのコードは、あなたが試すことができます：

scrollTo(0, jQuery("body")); 

Answer 4

をあなたのボタンが置き換えhref="#"とHTMLアンカータグで作業する場合たとえば、href="javascript:;"などのhrefや、 href。スクロールが発生する理由は、href="#"がページ上部にスクロールするためです。