Jquery UIスライダPipsスロー「WordPressのスライダウィジェットインスタンスのためのそのようなメソッドのpipsはありません」

Question

私のクライアントの1人のWooCommerceのWebshopのレビューオプションに取り組んでいます。 jQuery UI Slider Pips拡張機能を使用したいと思います。

testpage on my own serverですべて正常に動作します。 これですべてがうまく動作しますfiddleも同様です。

しかし、私は "Uncaught Error：WPインストールのスライダーウィジェットインスタンス" -errorのためのそのようなメソッド 'pips'を持っていません。

私は、デフォルトのWP jQueryバージョンをフィドルから取り除こうとしましたが、何も動作していないようです。

Here私がテストしているページ。

お願いします。

マイ（レンダリング）HTML

<select name="rating" id="rating"> 
    <option value="">Geen Mening</option> 
    <option value="1">Zeer slecht</option> 
    <option value="2">Niet slecht</option> 
    <option value="3">Gemiddeld</option> 
    <option value="4">Goed</option> 
    <option value="5">Perfect</option> 
</select> 

私のJS

var optionsdropdown = $("#rating"); 
var doubleLabels = new Array(); 

optionsdropdown.find('option').each(function() { 
    //alert($j(this).val()+' :: '+$j(this).text()); 
    doubleLabels.push('<i>' + $(this).val() + '</i><span>' + $(this).text() + '</span>'); 
}); 

var slider = $("<div id='double-label-slider'></div>").insertAfter(optionsdropdown);  
$("#double-label-slider") 
.slider({ 
    min: 0, 
    max: $('#rating > option').length - 1, 
    animate: 400, 
    slide: function(event, ui) { 
     optionsdropdown[ 0 ].selectedIndex = ui.value; 
    } 
}) 
.slider('pips', { 
    rest: 'label', 
    labels: doubleLabels 
}); 

Answer 1

このソリューションでは、Railsのためのものです。しかし、これがあなたに役立つことを願っています

私はブレーンストーミングの5時間後にこの答えを見つけたapplication.js

//=jquery-ui-slider-pips.min

に次の行を挿入する必要があります。