Ползунок основания периодически прилипает к мышке при использовании события Move.zf.slider - PullRequest
Новая
       13

Ползунок основания периодически прилипает к мышке при использовании события Move.zf.slider

0 голосов
/ 30 марта 2020

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

Это прекрасно работает:

HTML: 

<div class="row">
    <div class="small-2 columns">Height:</div>
    <div class="small-5 columns">
      <div class="slider" data-slider data-initial-start="3" data-options="precision:3; decimal:3; start:1; end:4; step:1;" style="margin-top: 12px;">
        <span class="slider-handle"  data-slider-handle role="slider" tabindex="1" aria-controls="y"></span>
        <span class="slider-fill" data-slider-fill></span>
      </div>
   </div>
   <div class="small-5 columns">
      <input type="number" step="1" id="y" style="border: 1px solid #999999; display:inline-block; width:39%;">
      <select id="HeightFraction" name="HeightFraction" style="border: 1px solid #999999; display:inline-block; width:39%;">
        <option value="" selected="">0</option>
        <option value="1/8">1/8</option>
        <option value="1/4">1/4</option>
        <option value="3/8">3/8</option>
        <option value="1/2">1/2</option>
        <option value="5/8">5/8</option>
        <option value="3/4">3/4</option>
        <option value="7/8">7/8</option>
      </select>
      <span class="small">in.</span>
   </div>
</div>

JQUERY: 

// Code to disable the select drop down (if) the input value is at 4. 
$('.slider').on('moved.zf.slider', function() {
  "use strict";

  if ($("#y").val() == "4") {
    $('#HeightFraction').prop('disabled', true);
  } else {
    $('#HeightFraction').prop('disabled', false);
  }
});

Но недавно обнаружена небольшая периодически возникающая ошибка: /

( ЗДЕСЬ ЗДЕСЬ )

Иногда вы можете воспроизвести ошибку следующим образом:

  1. Использовать ползунок (не позволяйте go мыши)
  2. Наведите курсор мыши на поля ввода справа (пусть go мыши)
  3. Заметьте, что иногда ползунок остается застрявшим в положении мыши, даже если мышь не включена.

Я подозреваю, что это как-то связано с фундаментальным событием «move.zf.slider», конфликтующим с кодом ползунка «Фонды»?

У кого-нибудь есть мысли по этому поводу?

ps ... сумасшедшие времена: /

...