如何在wordpress插件中导入jQuery?

时间:2017-11-02 10:27:36

标签: javascript jquery wordpress

我刚刚写了一个插件,但我不知道如何在这里包含JavaScript。任何身体都可以帮助我,我正在制作一个表格,它将存储到数据库中。



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();
    });
  });
});




1 个答案:

答案 0 :(得分: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

不同