在wordpress管理面板中使用bootstrap-slider和bootstrap-switch

Question

我正在创建一个带有管理面板的Wordpress主题，我想把自举开关和引导滑块放在：

要么

但问题是我发现页面中的脚本正确添加但没有任何反应。我有这样的脚本排队：

add_action('admin_enqueue_scripts', 'load_admin_scripts');
function load_admin_scripts( $hook ){

if($hook == 'toplevel_page_boon_theme'){
        //Slider
        wp_enqueue_script('bootstrap-slider', get_template_directory_uri() . '/js/bootstrap-slider.min.js', array('jquery'), '1.0.0', true);
        wp_enqueue_style('bootstrap-slider', get_template_directory_uri() . '/css/slider/bootstrap-slider.min.css', array(), '1.0.0', 'all');

    }
}

在页面的文件中我找到了正确的脚本但是当我尝试滑动时没有任何事情发生。

我有这样的输入：

<input id="ex6" type="text" data-slider-min="-5" data-slider-max="20" data-slider-step="1" data-slider-value="3"/>

在我的javascript中：

jQuery(document).ready(function ($) {
    //Slider Bootstrap header
    $("#ex6").slider();
});

它在输入内部创建一个这样的跨度：

但是我显示的输入是一个常见的输入：

我不知道我做错了什么，但我知道这是可能的，因为我已经在另一个主题中展示了。

感谢一百万人的帮助。