Как в jQuery вставить элемент MIGX?

Здравствуйте, я только недавно начал изучать ModX и появился вопрос, на который никак не могу найти ответ.
Есть ценовой слайдер jQuery

var power = $('#power');
    
    $('#rgslider').slider({
        range: "min",
        value: 20,
        step: 20,
        slide: function (event, ui) {
if (20 == ui.value) {
                power.text('02');
            } else if (40 == ui.value) {
                power.text('04');
}
    });
});

Как вставить в

power.text('02')

элемент из Migx, а в Step и value — число, в зависимости сколько строк содержит migx.
Я так понял, что нужно сделать parseJSON, но никак не могу понять как получить его.

Goldy Brent

27 мая 2019, 18:42

681

Комментарии: 5

Dmitry P.

28 мая 2019, 10:58

чтоб получить голый json из migx-переменной нужно просто получить заначение ТВ-шки напрямую

[[*migxTV]]

или fenom'ом

{$_modx->resource.migxTV}

Goldy Brent

28 мая 2019, 12:05

Спасибо, а как его прописать в JS файле?
Или он ставится в чанк и там же его можно тогда обработать?..

Dmitry P.

28 мая 2019, 12:07

в просто js-файле не сработает
а вот через чанк должно получиться

Goldy Brent

28 мая 2019, 12:31

У меня почему-то слайдер не работает, если скрипт поставить в чанк

<script>
    $(document).ready(function(){
    //======================================
    //======= range slider activate ========
    //======================================
    var power = $('#power');
    var diskspace = $('#diskspace');
    var ram = $('#ram');
    var brandwidth = $('#brandwidth');
    
    $('#rgslider').slider({
        range: "min",
        value: 20,
        step: 20,
        slide: function (event, ui) {
            if (20 == ui.value) {
                power.text('02');
                diskspace.text('100');
                ram.text('04');
                brandwidth.text('3000');
            } else if (40 == ui.value) {
                power.text('04');
                diskspace.text('222');
                ram.text('5');
                brandwidth.text('4000');
            } 
        ...
        }
    });
});
</script>

А в файле работает.

Dmitry P.

28 мая 2019, 12:43

Нужно посмотреть ошибки в консоле браузера. Может где-то нарушен порядок подключения js-ов

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.