jQueryMobile support

Has anyone experience using RangeSlider under jqueryMobile framework.
It look like that jQueryMobile is overwriting jplist.jquery-ui-bundle.min.css and jplist.jquery-ui-bundle.min.js

My example code is not working - can someone help me out?
https://www.scubadivemaps.com/country/scuba-diving-in-philippines/

In head:

$('document').ready(function(){
jQuery.fn.jplist.settings = {
likesSlider: function ($slider, $prev, $next){
$slider.slider({
min: 0
,max: 60
,range: true
,values: [0, 60]
,slide: function (event, ui){
$prev.text(ui.values[0] + ' likes');
$next.text(ui.values[1] + ' likes');
}
});
}
,likesValues: function ($slider, $prev, $next){
$prev.text($slider.slider('values', 0) + ' likes');
$next.text($slider.slider('values', 1) + ' likes');
}

,dMaxSlider: function ($slider, $prev, $next){
$slider.slider({
min: 0
,max: 60
,range: true
,values: [0, 60]
,slide: function (event, ui){
$prev.text(ui.values[0]);
$next.text(ui.values[1]);
}
});
}
,dMaxValues: function ($slider, $prev, $next){
$prev.text($slider.slider('values', 0));
$next.text($slider.slider('values', 1));
}
};

$('#postlist').jplist({
itemsBox: '.list',
itemPath: '.list-item',
panelPath: '.jplist-panel'
});
});

In Body:

And My code within main searchable page is us follows:

'.$d_max.'

'.$d_max.' likes

Le problème montre un conflit entre le curseur jQuery UI de jPList et les styles/scripts de jQueryMobile. Examinez le site en direct fourni pour voir le curseur cassé. Regardez jplist.jquery-ui-bundle.min.js et .css pour comprendre l'implémentation du curseur. Consultez la documentation de jQueryMobile sur la façon dont elle remplace les composants de l'interface utilisateur. L'objectif est de faire fonctionner le curseur à plage dans une page jQueryMobile.

Rédigé par le modèle d'indexation à partir du texte de l'issue.