2017-11-13 7 views
0

動的に生成されたコンテンツを内部に持つドラッグ可能なdivコンテナを取得しました。スクロール可能なdivコンテナのhref - リンクが動作しないコンテナの先頭にジャンプする

私はこのコードでそれを呼び出す:

$(function() { 
$("#dialog-message").dialog({ 
    modal: true, 
    height: 400, 
    buttons: { 
    Fertig: function() { 
     $(this).dialog("close"); 
    } 
    } 
}); 

CSS:divインサイド

div#dialog-message { 
background-color:#e8ebf3; 
overflow:auto; 

私は内部のhrefのリンクを持つ他のdivを持っています。 スクロールせずに表示されるリンクはうまくいきますが、このコンテナで下にスクロールすると、hrefが機能せず、クリックするとコンテナが自動的に上にスクロールします。これに答えをどのように組み合わせるか、

<div href="651">This does not scroll</div> 

任意のアイデア:

問題は、私はそうのような他のdivコンテナの可視性を切り替えるには、私のデータベースからIDの入力をhrefを使用するということですか?

hrefはFirefoxで動作します。初めてリンクをスクロールしてクリックすると動作します。しかし、ページを更新せずにもう一度クリックすると、ページが上にスクロールします。

Chromeでは、1回は機能しません。

<div id="dialog" href="651">First time clicking works, second time not.</div> 

解く問題:

問題は、私は魔女、この時点では存在しませんでした、コンテナのdivにてhrefしようとしたときに、ページが完全にロードされていなかったということでした。

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

答えて

0

hrefが#だけではないことを確認する必要があります.hrefを#voidなどのように使用してください。ちょうど#を持つhrefを持つと、ページは一番上にスクロールします。例:

<a href="#">This will scroll to the top</a>

<a href="#void">This will not</a>

0

私は<a href="javascript:void(0)">This does not scroll</a>をお勧めします。

関連する問題