web-dev-qa-db-ja.com

の<head>セクションにあるjavaScript WP API

WordpressWidgetAPIメニュー画面の<head>セクションに次のjavaScriptを配置する方法を教えてください。

<script type="text/javascript">
    jQuery(window).load(function() {
        jQuery("#logocheckbox").change(function() {
            jQuery("#logocheckboxdiv").fadeToggle("slow");
        });
    });
</script>
2
user1752759
function load_custom_logo_js($hook) {   
     if( 'widgets.php' != $hook )
         return;

     echo ('
     <script type="text/javascript">
        jQuery(window).load(function() {
            jQuery("#logocheckbox").change(function() {
                jQuery("#logocheckboxdiv").fadeToggle("slow");
             });
         });
     </script>
     ');

}

add_action( 'admin_enqueue_scripts', 'load_custom_logo_js' ); 
0
user1752759
Uncaught TypeError: Property '$' of object [object Object] is not a function

JQueryオブジェクトに正しくアクセスしていることを積極的に考えていますか?あなたは WordPressがどのようにnoConflictモード を使うのかを調べるべきです。

NoConflict()モードでは、jQueryのグローバル$ショートカットは使用できませんが、それでも使用できます。

jQuery(document).ready(function(){
    jQuery(#somefunction) ...
});

脚注として、開発者として、それがテーマ用であろうとプラグイン用であろうと、あなたは自由に使える開発ツールを利用するべきです。お使いのブラウザには、開発者ツールまたはコンソールがあり、コードに問題がある場合はそれがすべて表示されます。 WordPress Debugging は、まだ機能する可能性があるエラーにもフラグを立てますが、技術的に不正確なコードです。

0
Marc Dingena