PrimeFaces 确认对话框未居中

Question

我正在使用 PrimeFaces "global" p:ConfirmDialog 并使用 p:Confirm 标签调用它来按下命令按钮。我有 2 个问题 - 我会给他们每个人自己的问题，所以每个答案都可以单独接受。

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

我注意到有人问了另一个与此类似的问题 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 代码。

PrimeFaces 确认对话框未居中

PrimeFaces confirm dialog not centred

css

confirm

jsf

primefaces