включить слайдер jqueryUI при нажатии

Question

включить слайдер jqueryUI при нажатии

0

Я пытаюсь включить слайдер, когда установлен флажок!

html:

  <label for="zerovalueback">Zero Back</label>
    <input id="zerovalueback" type="checkbox" name="zerovalueback">
    <div id="slider"></div>
    <div class="sliderValues">
        <span class="leftVal">
        </span>
         = = = 
        <span class="rightVal">
        </span>
    </div>

сценарий:

  jQuery.noConflict(); 
jQuery(document).ready(function() {

            jQuery('body').on('click', '#zerovalueback', function() {

            var status = jQuery(this).prop("checked");      console.log(status);
            if (status == 'true') {

                jQuery( "#slider" ).slider({
                range : "max",
                    min : 1,
                    max : 10,
                    value : 6,
                    slide: function(event,val){
                        jQuery('.leftVal').text(val.value);
                    } 
                 }); 
             };
         });
    });

Все правильно связано, потому что, если я вызываю просто слайдер перед функцией on (click), он работает.

Кто-нибудь знает, как это решить?

lostika 11 дек. 2013, в 15:19

Источник

1

Попробуйте jQuery(this).is(":checked");
DontVoteMeDown 11 дек. 2013, в 13:51
1

Вы имеете право, если утверждение if было неверным, оно должно быть if (status === true) {} и теперь это работает
lostika 11 дек. 2013, в 13:57
0

Не заметил этого!
DontVoteMeDown 11 дек. 2013, в 14:02

Показать ещё 1 комментарий

Теги:

javascript

jquery

jquery-ui

slider

onclick

2 ответа

1

Если вам нужно включить отключить jQuery. Существуют методы, называемые enable() и disable(). вы можете найти больше информации здесь.

Чтобы отключить слайдер, вы можете использовать jQuery( "#slider").slider('disable'); и для включения слайдера вы можете использовать jQuery( "#slider").slider('enable')

Вы можете найти рабочую демо - версию здесь

Nouphal.M 11 дек. 2013, в 11:26

Ещё вопросы

Вы имеете право, если утверждение if было неверным, оно должно быть if (status === true) {} и теперь это работает

lostika · Accepted Answer · 2013-12-11T12-04-00.000Z

Правило if было неправильным, советы от @DontVoteMeDown были полезными, это должно быть

if (status === true) {

                jQuery( "#slider" ).slider({
                range : "max",
                    min : 1,
                    max : 10,
                    value : 6,
                    slide: function(event,val){
                        jQuery('.leftVal').text(val.value);
                    } 
                 }); 
             }