PrimeFaces确认对话框不居中

Question

我正在使用PrimeFaces“global”p：ConfirmDialog并使用p：Confirm标签调用它来执行commandButton按。我遇到了两个问题 - 我会给他们各自的问题，所以每个答案都可以单独接受。

确认对话框显示在左上角而不是页面中心。

我注意到有另外一个问题与here类似，但我不确定我的问题是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代码。