0

管理パネルを使用して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();
});

入力内に次のようなスパンを作成します。

ここに画像の説明を入力

しかし、私が示す入力は通常の入力です。 ここに画像の説明を入力

何が間違っているのかわかりませんが、別のテーマで示したので、それが可能であることはわかっています.

助けてくれてありがとう。

4

0 に答える 0