PrimeFaces确认对话框未居中

Question

我使用一个PrimeFaces "global" p:ConfirmDialog，并使用p:Confirm标签来调用它的commandButton按下。我有两个问题——我会给他们每个人自己的问题，所以每个答案都可以被单独接受。

确认对话框出现在左上角，而不是页面中央。

我注意到这里有另一个类似的问题，但我不确定我的问题是一个RichFaces问题，虽然我也在我的应用程序中使用RichFaces。而且这个问题似乎也没有答案。

下面是我的相关代码:

<p:commandButton 	  
	title="#{text['delete']}"
	icon="fa fa-trash"
	process="@form"
	update="@form"
	action="#{manageOrgHierarchy.deleteUserPermissions(p)}" >
	<p:confirm 
		header="#{text['confirm']}" 
		message="#{text['confirm.sure']}" 
		icon="fa fa-alert" />
</p:commandButton>
<p:confirmDialog
    global="true" 
    showEffect="fade"
    hideEffect="fade" >
    <p:commandButton
      value="Yes" 
      type="button" 
      styleClass="ui-confirmdialog-yes" 
      icon="ui-icon-check" />
    <p:commandButton
      value="No" 
      type="button" 
      styleClass="ui-confirmdialog-no" 
      icon="ui-icon-close" />
</p:confirmDialog>

Answer 1

这是由于在一个菜单部分声明了一个jquery.js库的无关javascript造成的。当我删除了令人不快的导入后，所有奇怪的Primefaces错误都消失了。声明其他jquery库似乎会干扰Primefaces代码。