滾動頁面上的jQuery對話框鏈接在IE9中不可見

我有很長的鏈接列表，其中顯示了不同的jQuery對話框。當我向下滾動到靠近頁面底部並單擊鏈接時，它會成功打開我的jQuery對話框，但由於頁面已滾動到網頁頂部，因此對話框不可見 - 對話框顯示在摺疊下方用戶必須向下滾動才能看到對話框。滾動頁面上的jQuery對話框鏈接在IE9中不可見

我想要的是讓對話框彈出並顯示，無論鏈接頁面向下多遠。

這是我簡單的對話框jQuery代碼：

$(function() { 
    $('#dlg').dialog({ 
     autoOpen: false, 
     height: 460, 
     width: 680, 
     modal: true, 
     position: 'center' 
    }); 

    $('.vidlink').click(function(e) { 
     $('#dlg').dialog('open'); 
    }); 

});

你可以看到它是如何發生的這個頁面上： http://www.ourlaughingplace.com/asp/park.aspx?step=3&locID=WDW&parkID=MGM&DLRparkID=MGM#

向下滾動到「影片剪輯」和「Fantasmic終曲」點擊使用IE9，如果你向下滾動，你會發現對話框以它應該的方式打開 - 它只是出現在下面。

我試着將對話位置設置爲'中心'和'頂部'，但仍然有同樣的問題。

來源

2011-12-01 Alan Moore

鏈接href的值#對應於文檔的頂部。使用您當前的代碼，點擊鏈接按預期工作：頁面滾動回頂部。

要麼防止<a>標籤的默認行爲，在打開的對話框：

$('.vidlink').click(function(e) { 

    e.preventDefault(); 

    $('#dlg').dialog('open'); 

});

或者那些標籤的href值更改爲：

<a href="javascript:void(0)"></a>

來源

2011-12-01 16:22:10

謝謝，我會給予一個試試吧！ –

這樣做，添加preventDefault（）;是一個容易和快速修復，非常感謝！ –

滾動頁面上的jQuery對話框鏈接在IE9中不可見

回答

相關問題