Question

我正在为我的一位客户撰写WooCommerce网站商店的评论选项。现在我想使用jQuery UI Slider Pips扩展。

一切正常testpage on my own server。所有这些都可以在fiddle中正常工作。

但我得到了一个＆＃34; Uncaught Error：没有这样的方法＆＃39; pips＆＃39;对于我的WP安装中的滑块小部件实例＆＃34; -error。

我试图用小提琴中的那个来推翻默认的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。但我希望这可以帮助你。

您必须在application.js

中插入以下行

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

我经过5个小时的头脑风暴后找到了这个答案。

Jquery UI Slider Pips抛出＆＃34;没有这样的方法＆＃39; pips＆＃39;对于滑块小部件实例＆＃34;在WordPress中

1 个答案: