jQuery что такое «пользовательский интерфейс» в следующем примере?

Question

комментарий chrisrbailey к этому вопросу:

Ползунок jQuery UI - не может скользить до 0

помог мне решить ту же самую проблему, которую я имел с ползунком. Я хотел бы расширить этот пример на другой вопрос. Может ли кто-нибудь помочь мне понять разницу между этими двумя примерами:

$("#slider1").slider({
  slide:  function(event,ui){$('#field1').val(ui.value)}
});

$("#slider1").slider({
  slide:  function(event,ui){$('#field1').val($(this).slider("value"))}
});

Как указано в вышеупомянутом вопросе / ответе, ui.value и $ (this) .slider ("value") на самом деле захватывают разные вещи. Я не привык к ui.value, и мне было интересно, есть ли у кого-нибудь хорошее объяснение / ссылка на учебник, в котором больше говорится об использовании элементов «event, ui» в jQuery.

Answer 1

Вы проверили документацию ?

Я собрал демо , которое записывает свойство каждого объекта на экран, чтобы вы могли видеть, что в нем содержится. Интересно отметить, что ui.value и $ (this) .slider ("value") возвращают разные значения (0 и 1 соответственно), когда начинаешь скользить ползунок (один шаг приращения ползунка приводит к значениям 1 и 0 соответственно) , С этого момента они также отключаются (для меня это Firefox 3.5.3).

Answer 2

Документация jquery-ui сообщает вам, какие параметры передаются в какие функции обратного вызова. К сожалению, документация не всегда хороша для описания того, какие данные имеют эти параметры. Если вы посмотрите на вкладку http://jqueryui.com/demos/slider/, События, разверните ее, чтобы отобразить информацию о событии Slide.

Это событие вызывается при каждом движении мыши во время слайда. Используйте ui.value (ползунки с одной ручкой), чтобы получить значение текущего дескриптора, $ (..). Slider ('value', index), чтобы получить значение другого дескриптора.

Вернуть false, чтобы предотвратить скольжение, на основе ui.value.