jQuery UI 대화 상자에서 CSS를 가져 오지 않음 jQuery 대화 상자 모달을 양식 페이지에 추가하고

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

답변

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

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