CSS没有为jQuery UI对话框引入

9

我想将jQuery对话框模式添加到表单页面。触发对话框后，我看到了文本内容，但没有CSS。我在页面的functions.php中引入了jQuery：

wp_enqueue_script('jquery-ui-dialog');

jQuery CSS（jquery-ui-dialog.css）在我的wp-includes / css目录下。我尝试添加

wp_enqueue_style('jquery-ui-dialog');

但它不起作用。有谁知道启用jQuery对话框的正确方法。

jquery

— 离合器
source

6

wp_enqueue_style( 'wp-jquery-ui-dialog' );

— 汤姆·奥格

3

还要确保将“ wp-dialog”类添加到对话框本身，以便可以利用这些样式。他们虽然很丑。无论如何，使用jQuery UI主题样式可能会更好。

— 汤姆·奥格

8

jquery-ui-dialogWordPress中没有定义开箱即用的样式，您需要手动使用样式表，当我需要排队jQuery-UI样式时我将其从Google api CDN中提取出来

wp_enqueue_style('jquery-style', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/smoothness/jquery-ui.css');

但是您可以按照以下步骤加入本地副本：

wp_enqueue_style( 'myStylesheet', WP_PLUGIN_URL . '/path/stylesheet.css' );

— Bainternet
source

6

但是，正如OP所指出的那样，WP3.x附带了jquery-ui-dialog.css wp-includes/css/。奇怪的是，默认情况下不会注册样式表。wp_enqueue_style( 'wp-jquery-ui-dialog' );完美地排队。

— 汤姆·奥格

0

您可以使用以下方法在前端包含jquery-ui-dialog样式：

wp_enqueue_style( 'wp-jquery-ui-dialog' );

— 米马尔塞尔
source