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-dialog
WordPress에 스타일이 정의되어 있지 않으므로 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' );