Implementation of jStepper

本文关键字:jStepper of Implementation | 更新日期: 2023-09-27 18:11:10

我花了几天时间尝试为.ascx文件实现jstep .js。

  • 我已经包含了jQuery.jstepper.js, jQuery.mousewheel.js, &jquery-1.10.2.js在我的解决方案的'jscript'文件夹。
  • 在我的.ascx文件中添加了以下行:

      <script src="/jscript/jquery.mousewheel.js" type="text/javascript"></script>
      <script src="/jscript/jquery.jstepper.js" type="text/javascript"></script>
    
  • 在.ascx文件底部的标签中添加以下行

      // Quantity
      var vField = $('#Quantity');
      vField.jStepper({
          minValue: 0, maxValue: 23, minLength: 1, maxLength: 3, normalStep:1, shiftStep: 5, ctrlStep: 10,
          onStep: function (objTextField, bDirection, bLimitReached) {
          $slider.slider("value", objTextField.val());
          updateAfterValuesChanged(); }
      });
    

当我在jquery.jstep .js中放入alert()时,会显示警报,但jstep会被忽略。我肯定我错过了一些简单的东西,但我就是找不到它……

Implementation of jStepper

你确定你的元素在HTML中的id是"Quantity"吗?也许都是小写的("quantity")?

其他需要注意的是,绑定jstep的调用必须发生在html加载到浏览器之后。

我们可以看到你想要使用的HTML吗?