PrimeFaces确认对话框未居中[重复]答案

【问题标题】：PrimeFaces confirm dialog not centred [duplicate]PrimeFaces确认对话框未居中[重复]
【发布时间】：2015-07-27 18:09:03
【问题描述】：

我正在使用 PrimeFaces“全局”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>

【问题讨论】：

使用appendToBody属性时呢？或者，您可以将 style 属性的 top 和 left 属性设置为 50%。
我尝试了 appendToBody，因为我在 primefaces 论坛上的回答中看到了它 - 它似乎没有改变任何东西。我对 css 有点不满意 - 不知道在哪里更改相关的样式属性，但似乎我不应该设置它，因为这应该是默认值，不是吗？
就像你的其他问题一样。请创建一个简约的示例。最有可能的是，当它变得越来越简约时，它突然开始工作了。 ;-) 然后你就知道是什么原因造成的了。我的赌注是自定义 css...

标签： css jsf primefaces confirm

【解决方案1】：

这是由声明 jquery.js 库的菜单部分中不相关的 javascript 引起的。当我删除有问题的导入时，所有奇怪的 Primefaces 错误都消失了。似乎声明其他 jquery 库会干扰 Primefaces 代码。

【讨论】：