2015-03-05 2 views
-2

С помощью некоторых инструментов я создал динамический линейный граф. Через вкладку «слайдер» посетители могут изменять график. Теперь я хочу проверить значение ползунка ввода и когда он достигнет определенного значения, он должен выдать предупреждение.Проверить значение и оповещение

Вот код из моего входного ползунка:

<input type="range" class=""oninput="$(this.nextElementSibling).trigger('f.change', this.value)" onchange="$(this.nextElementSibling).trigger('f.change', this.value)" data-f-bind="verhoogde aandacht" min="0" max="0.5" step="0.05"> 
 
<span class="range-value" data-f-bind="verhoogde aandacht"></span>

и это мой собственный написанный код, чтобы получить настороже

$(document).ready(function() { 
 
    if (.range === 0.014999999664724){ 
 
    alert("Check"); 
 
    }; 
 
});

Что я делаю неправильно?

+1

'.range' генерирует синтаксическую ошибку, которую можно легко увидеть в консоли. – Regent

ответ

1

Подробнее читайте документацию jquery.

Вам необходимо прослушивать свой элемент, например. Я хочу проверить значение, если достигнет определенного значения. Вам нужно проверить CHANGE VALUE. В JQuery вы можете использовать:

<input type="range" class="" data-f-bind="verhoogde aandacht" min="0" max="0.5" step="0.05"> 
<span class="range-value" data-f-bind="verhoogde aandacht"></span> 

// document ready only bind object to jquery dom 
$(document).ready(function() { 
    // add on listener for listen changes in anytime 
    $('input[type=range]').on('change', function(
    var value = $(this).val(); 

    if(value >= 0.01) { 
     alert('check!'); 
    } 
    }); 
}); 

изменение http://api.jquery.com/change/
на http://api.jquery.com/on/

0

На первый взгляд это выглядит как будто вы просто не определили значение, которое вы по сравнению с 0.014999999664724.

Попробуйте это (если вы используете только один вход типа в вашем коде).

$(document).ready(function() { 
 
    if ($(':input[type=range]') && $(this).val() === 0.014999999664724){ 
 
     alert("Check"); 
 
    }; 
 
});