jQuery UI 대화 상자에서 CSS를 가져 오지 않음

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

— 클러치
소스

6

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

— Tom Auger

3

또한 대화 상자 자체에 'wp-dialog'클래스를 추가해야 해당 스타일을 활용할 수 있습니다. 그래도 그들은 추악합니다. 어쨌든 jQuery UI 테마 스타일을 사용하는 것이 좋습니다.

— Tom Auger

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' );

— 베 인터넷
소스

6

그러나 OP가 지적한 것처럼 WP3.x는 jquery-ui-dialog.css와 함께 제공됩니다 wp-includes/css/. 스타일 시트가 기본적으로 등록되지 않는 것이 이상합니다. wp_enqueue_style( 'wp-jquery-ui-dialog' );완벽하게 큐에 넣습니다.

— Tom Auger

0

다음을 사용하여 jquery-ui-dialog 스타일을 프론트 엔드에 포함시킬 수 있습니다.

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

— mimarcel
소스