Wordpress按钮中的jQuery对话框显示在左侧而不是右侧

时间:2012-05-03 20:43:35

标签: css wordpress jquery-ui-dialog

我有一个大表,我想在jQuery UI创建的对话框中出现。

我创建的开发版本工作正常,但请注意,这不是使用jQuery和jQuery UI的默认Wordpress版本。我为开发版本注册了两个库的版本。

使用相同的脚本和对话框内容,我尝试使用默认版本的jQuery库重现我的博客对话框。 这会生成对话框打开的结果,但在显示中,标题栏中的默认关闭按钮位于左侧。将鼠标悬停在此关闭按钮上时,图标会向下移动,但单击时仍会关闭。 此外,调整大小图标显示在左下角,我添加了一个额外的关闭按钮。

这让我怀疑我的表与jquery UI css之间存在css冲突。我已经注意到帖子表明jQuery UI 1.8.16和包含大量内容的对话框存在问题。

但是,我无法找到默认jQuery UI库的css,我假设它必须存在。

这个问题的简单答案是取消注册默认版本并注册外部版本,但当功能已经在Wordpress中时,这似乎是浪费。

问题:

  1. 我在哪里可以找到Wordpress中用于默认jquery UI的css
  2. 关于可能导致此问题的原因的任何建议
  3. 由于

3 个答案:

答案 0 :(得分:1)

1)CSS文件位于/wp-includes/css/jquery-ui-dialog.css(压缩)& /wp-includes/css/jquery-ui-dialog.css(development)。

2)我们需要看一个例子来了解问题可能是什么。

答案 1 :(得分:0)

该按钮的所有样式都位于第69行:

/wp-content/plugins/mailchimp//css/flick/flick.css

答案 2 :(得分:0)

我通过简单地添加jquery UI主题中的CSS文件解决了显示问题。一旦到位,一切都显示正确。不优雅但很快就解决了这个问题。