Question

我已经为弹出式创建编写了这段代码：

function showPopup(titleString, contentHtml, widthInt, heightInt) {
var popupID = 'dialog-modal';
if ($("#"  + popupID).length == 0) {
    jQuery(document.body).append('<div id="' + popupID + '"/>');
}
var popup = $("#"  + popupID);

popup.html('<div id="' + popupID + '" style="width:100%; height:100%;">' + contentHtml + '</div>');
popup.dialog({
    width : widthInt,
    height : heightInt,
    title : titleString,
    modal : true
});

}

此代码在按钮单击时调用...

问题是 - 当我点击按钮时，第一次将页面滚动到最后，并在那里显示弹出窗口。它不会发生，在第二次等时间。（我的意思是，在2,3 ...次，弹出窗口显示在当前页面位置的中间）

看起来，这是针对chrome的，因为它不会发生在FF或IE中。

所以，排队是 - 为什么会发生？以及如何摆脱它？

（我只在第三天写JS / html :)可能是我错过了smth）

调用方法是通过按钮完成的，从JSF生成：

<input type="button" name="form:j_idt85" value="Show list" class="show-list" onclick="showListInPopup()">

Answer 1

当没有包含jquery ui样式表时，我注意到了相同的行为。你的页面上有ui样式表吗？

如果没有，请尝试添加：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />

如何在弹出/ div添加上禁用/解决自动滚动到页面末尾

1 个答案: