Question

我正在使用WordPress开发插件，我需要在某些部分使用引导程序。

当我尝试使用简单形式添加模态时遇到了一些问题。用户提交表单后，将发出一个ajax请求，然后该模式应关闭。

我正在使用WP 5.0.1。我虽然按顺序排列，但运气不好，检查了chrome dev工具，文件加载正常。这是我的入队脚本

public function register() {
    add_action( 'admin_enqueue_scripts', array( $this, 'enqueue'), $priority = 1);
}

function enqueue() {
    // Bootstrap
    wp_enqueue_style( 'bootstrapcss', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css' );
    wp_enqueue_script( 'jquery', 'https://code.jquery.com/jquery-3.3.1.slim.min.js', array(), '1.0.0', true);
    wp_enqueue_script( 'popper', 'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js', array(), '1.0.0', true);
    wp_enqueue_script( 'bootstrapscript', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js', array(), '1.0.0', true);

    // Fluentlv
    wp_enqueue_style( 'mypluginstyles', $this->plugin_url . 'assets/style.css' ,array(), '1.0');        
    wp_enqueue_script( 'mypluginscript', $this->plugin_url . 'assets/js/scripts-bundled.js', array('jquery', 'popper', 'bootstrapscript') , '1.0.0', true);

    wp_localize_script('mypluginscript', 'fluentData', array(
        'root_url' => get_site_url()
      ));

}

这是我用来关闭模式的JS函数。

 creditInputUpdate(){
  var userData = {
    userId: this.modalUserId.val(),
    userCredits: this.modalCreditsInput.val()
  };

  $.post(`${fluentData.root_url}/wp-json/fluentlv-plugin/v1/credit/update_credits`, userData, (res)=>{
    console.log(res);
    $('#userCreditModal').modal('close');
  })
}

ajax调用工作正常，但是$('#userCreditModal').modal('close');无法正常工作，并给我一个错误：Uncaught TypeError: (0 , _jquery.default)(...).modal is not a function

还有什么？

在WP插件中运行Bootstrap函数

0 个答案: