CSS jQuery UI iletişim kutusu için içeri çekmiyor

9

Bir form sayfasına bir jQuery iletişim yöntemi eklemek istiyorum. İletişim kutusu tetiklendiğinde metin içeriğini görüyorum ancak CSS içermiyor. Sayfa için function.php jquery çekiyorum:

wp_enqueue_script('jquery-ui-dialog');

Jquery css (jquery-ui-dialog.css) wp-include / css dizinimin altında. Eklemeyi denedim

wp_enqueue_style('jquery-ui-dialog');

ama işe yaramıyor. Herkes jQuery iletişim kutusunu etkinleştirmek için doğru yolu biliyor mu.

jquery

— El çantası
kaynak

6

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

— Tom Auger

3

Ayrıca, 'wp-dialog' sınıfını iletişim kutusunun kendisine eklediğinizden emin olun, böylece bu stillerden yararlanabilirsiniz. Yine de oldukça çirkinler. Yine de jQuery UI temalı stilleri kullanarak daha iyi olabilir.

— Tom Auger

8

jquery-ui-dialogWordPress'te tanımlanmış bir stil yok , jQuery-UI stilini enqueue etmek gerektiğinde google api CDN'den çektiğimde stil sayfalarını manuel olarak ue yapmanız gerekiyor

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

ancak isterseniz yerel bir kopyayı sıralayabilirsiniz:

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

— Bainternet
kaynak

6

Ancak, OP'nin işaret ettiği gibi, WP3.x, jquery-ui-dialog.css ile birlikte gelir wp-includes/css/. Stil sayfasının varsayılan olarak kaydedilmemesi gariptir. wp_enqueue_style( 'wp-jquery-ui-dialog' );mükemmel sıraya koyar.

— Tom Auger

0

Jquery-ui-dialog stilini kullanıcı arabirimine aşağıdakileri kullanarak ekleyebilirsiniz:

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

— mimarcel
kaynak