Jquery UI Slider Pips 在 WordPress 中抛出“No such method 'pips' for slider widget instance”答案

【问题标题】：Jquery UI Slider Pips throws "No such method 'pips' for slider widget instance" in WordPressJquery UI Slider Pips 在 WordPress 中抛出“No such method 'pips' for slider widget instance”
【发布时间】：2016-05-19 09:29:34
【问题描述】：

我正在为我的一位客户在 WooCommerce 中的网上商店开发一个评论选项。现在我想使用 jQuery UI Slider Pips 扩展。

在testpage on my own server 上一切正常。在这个fiddle 中也一切正常。

但是我在我的 WP 安装中遇到了“未捕获的错误：滑块小部件实例没有这样的方法 '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
});

【问题讨论】：

请看我的回答。我遇到了同样的问题，并在 5 小时的头脑风暴中解决了。
您需要检查此答案以帮助其他有同样问题的人。现在人们相信用提问者的勾号来回答。

标签： jquery wordpress jquery-ui woocommerce jquery-ui-slider-pips

【解决方案1】：

此解决方案适用于 Rails。但我希望这对你有帮助。

您必须将以下行插入application.js

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

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

【讨论】：