2017-11-02 3 views
-3

プラグインを書きましたが、ここにJavaScriptを組み込む方法がわかりません。どのような体が私を助けることができる、私はデータベースに格納されますフォームを作っている。jQueryをWordPressのプラグインにインポートするには?

jquery(document).ready(function() { 
 
    jquery('#type_of_moving').click(function(){ 
 
    jquery(".option_wrap").css("display", "block"); 
 
    jquery('#disable_option :not(:selected)').attr('disabled','disabled');   
 
    var select_type = jquery('.option_wrap :selected').val();    
 
    jquery('#type_of_moving').val(select_type); 
 
    }); 
 
      
 
    jquery(document).ready(function(){ 
 
    var current = 1,current_step,next_step,steps; 
 
    steps = jquery("fieldset").length; 
 
    jquery(".next").click(function(){ 
 
     jquery(".previous").css("display", "block"); 
 
     current_step = jquery(this).parent(); 
 
     next_step = jquery(this).parent().next(); 
 
     next_step.show(); 
 
     current_step.hide(); 
 
    }); 
 
    jquery(".previous").click(function(){ 
 
     current_step = jquery(this).parent(); 
 
     next_step = jquery(this).parent().prev(); 
 
     next_step.show(); 
 
     current_step.hide(); 
 
    }); 
 
    }); 
 
});

答えて

3

は一例として、ファイルにmain.jsをあなたのコードを入れてください。プラグインのルートフォルダにアップロードします。そして、このコードをメインのプラグインファイルに入れて、WordPressがフロントエンドでJavascriptコードを読み込ませるようにします。

function wp_plugin_enqueue_scripts() { 
    wp_enqueue_script('jquery'); 
    wp_enqueue_script('script-name', plugin_dir_url(__FILE__) . '/main.js', array('jquery')); 
} 
add_action('wp_enqueue_scripts', 'wp_plugin_enqueue_scripts'); 

P/s:javascriptが有効であることを確認してください。 jqueryjQueryとは異なります

+0

私は同じ方法でしたが、取っていません –

+0

コンソールログを確認しましたか? WordPressはあなたのスクリプトを404 Not Foundなしで正しく読み込んでいましたか?そして、 'jquery'が' jQuery'とは異なることを覚えておいて、もう一度それを再度チェックしてください。 –

関連する問題