質問: プラグインでjquery uiを使用する方法 私がgoogleで何かをしても何も返されないのは、世界で悲しい日です。デフォルトの日付ピッカー(または現時点では任意の日付ピッカー)を使用しようとしていますが、wordpress/phpに関する知識がないために使用できません。私のプラグインで、私はjqueryとuiを登録しようとしていて、どうやらその過程でwordpressの他の部分を壊しています。誰かが私が何をしているのか教えてもらえますか?彼らが実用的な解決策を提供できるのであれば、私は私のコードをすべて廃棄します。add_action('init', 'add_styles'); function add_styles(){ wp_deregister_style('simpleschoolstyles'); wp_register_style('simpleschoolstyles', ssm_stylefile); wp_deregister_script( 'jquery' ); wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'); wp_deregister_script( 'jquery-ui' ); wp_register_script('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js'); wp_deregister_style( 'jquery-ui' ); wp_register_style( 'jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/pepper-grinder/jquery-ui.min.css' ); wp_deregister_script('maskedinput'); wp_register_script('maskedinput', ssm_plugin_url . '/includes/js/jquery.maskedinput.min.js'); wp_deregister_script('simpleschool'); wp_register_script('simpleschool', ssm_plugin_url . '/includes/js/simpleschool.js'); } add_action('wp_enqueue_scripts', 'load_scripts'); add_action('admin_enqueue_scripts', 'load_scripts'); function load_scripts() { wp_enqueue_style('jquery-ui'); wp_enqueue_style('simpleschoolstyles'); wp_enqueue_script('jquery'); wp_enqueue_script('jquery-ui'); wp_enqueue_script('maskedinput'); wp_enqueue_script('simpleschool'); } ユーザーデータ入力のためのフロントエンドだけでなく管理領域でも利用できるようにjqueryが必要です。誰かが助けてください。すでに髪の毛を全部切り取っているので足の爪を引っ張るところです。間違った時点でキューに入れているに違いないと思っていますが、wordpressに関する知識が限られていたため、自分で掘ったすぐに墓. 更新: 私は自分のスクリプトを修正し、jquery uiをロードするだけで、jqueryとuiの両方がロードされ、これら2つで成功することをテストしました。add_action('init', 'init_scripts'); function init_scripts(){ wp_deregister_style('simpleschoolstyles'); wp_register_style('simpleschoolstyles', ssm_stylefile); //wp_deregister_script( 'jquery-ui' ); wp_register_script('jquery-ui', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js'); //wp_deregister_style( 'jquery-ui' ); wp_register_style( 'jquery-ui-pepper-grinder', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/pepper-grinder/jquery-ui.min.css' ); //wp_deregister_script('maskedinput'); wp_register_script('maskedinput', ssm_plugin_url . '/includes/js/jquery.maskedinput.min.js'); //wp_deregister_script('simpleschool'); wp_register_script('simpleschool', ssm_plugin_url . '/includes/js/simpleschool.js'); wp_enqueue_style('jquery-ui-pepper-grinder'); wp_enqueue_style('simpleschoolstles'); wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'jquery-ui' ); wp_enqueue_script('simpleschool'); } 私のテスト:jquery(document).ready(function(){ //jquery('.datepick').mask("99/99/9999"); //jquery('.phone').mask("(999) 999-9999"); jquery( '.datepick' ).datepicker( 'option', 'dateformat', 'yyyy-mm-dd' ); // <-- this fails ???? alert('jquery better be loaded!!!'); // <---this worked jquery('<div>crazy wordpress and their php</div>').dialog(); // <--- this worked too });
回答: jqueryをテーマに含める方法はいくつかあります。私はいつもwpバンドル版を使っていますが、とても単純です。適切に設定するために、wp pageがページロードに含まれるべき以下のファイルを持つことを確認する必要があります。ベローズスクリプトとスタイルをロードするには、テーマfunctions.phpファイルにベローズコードを追加します。 フロントエンド用のスクリプト function add_e2_date_picker(){ //jquery ui date picker file wp_enqueue_script('jquery-ui-datepicker'); //jquery ui theme css file wp_enqueue_style('e2b-admin-ui-css','http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css',false,"1.9.0",false); } add_action('wp_enqueue_scripts', 'add_e2_date_picker'); バックエンド用のスクリプト function add_e2_date_picker(){ //jquery ui date picker file wp_enqueue_script('jquery-ui-datepicker'); //jquery ui theme css file wp_enqueue_style('e2b-admin-ui-css','http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css',false,"1.9.0",false); } add_action('admin_enqueue_scripts', 'add_e2_date_picker'); single.php、page、plugin pageなど、特定のページにフックする関数を書くことができます。 settigns - > date picker に表示するために 'options-general.php'を追加またはフックしました。このコードにもfuntions.phpファイルを追加するか、それらのコードを使用してください。function register_datepiker_submenu() { add_submenu_page( 'options-general.php', 'date picker', 'date picker', 'manage_options', 'date-picker', 'datepiker_submenu_callback' ); } function datepiker_submenu_callback() { ?> <div class="wrap"> <input type="text" class="datepicker" name="datepicker" value=""/> </div> <script> jquery(function() { jquery( ".datepicker" ).datepicker({ dateformat : "dd-mm-yy" }); }); </script> <?php } add_action('admin_menu', 'register_datepiker_submenu'); ?> このコードを追加すると、 [管理者メニュー] - > [設定] - > [日付ピッカー] に日付選択機能が追加されます。このオプションを入手するのに手助けが必要な場合は、 jqueryのdatepickerをwordpressテーマまたはプラグインに追加してください にコメントを付けてください。