Я разрабатываю плагин в WordPress, мне нужно использовать загрузчик для некоторых частей.
Я столкнулся с некоторыми проблемами, когда пытался добавить модал с простой формой.После того, как пользователь отправляет форму, появляется запрос ajax, а затем модальный должен закрыться.
Я использую WP 5.0.1.Я, хотя это порядок очереди, и играл с этим без удачи, проверил инструмент разработчика Chrome и файлы загружаются нормально.это мой скрипт в очереди
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
что еще это может быть?