当前位置: 首页 > 编程笔记 >

jQuery UI Library 设置值和变更事件

幸弘扬
2023-03-14
本文向大家介绍jQuery UI Library 设置值和变更事件,包括了jQuery UI Library 设置值和变更事件的使用技巧和注意事项,需要的朋友参考一下

示例

滑块提供了一个称为的事件change,该事件将在鼠标完成滑块手柄拖动或value(s)通过编程方式更改后触发。此功能保存对幻灯片event的引用和对滑块ui对象的引用。该ui对象为要移动的手柄和value(s)滑块的持有一个jQuery对象。

一个示例可能是在另一个元素的事件更新了滑块的值之后必须显示新信息。让我们使用一个select元素进行演示,其中在select更改值时以编程方式设置滑块的值:

的HTML

<select id="setting">
  <option value="1">Low</option>
  <option value="2">Medium</option>
  <option value="3">High</option>
</select>

<div id="slider"></div>

<div id="display-value"></div>

的JavaScript

$(function() {
  $( "#slider" ).slider({
    min: 0,
    max: 11,
    // 以编程方式更改值时将触发
    change: function(event, ui) {
        $( "#display-value" ).text(ui.value);
    }
  });
  
  $( "#setting" ).change(function () {
    switch ($(this).val()) {
      case "1":
        $( "#slider" ).slider( "value", 3 );  // 以编程方式设置滑块的值
        break;
      case "2":
        $( "#slider" ).slider( "value", 7 );  // 以编程方式设置滑块的值
        break;
      case "3":
        $( "#slider" ).slider( "value", 11 ); // 以编程方式设置滑块的值
        break;
    }
  });
});

注意:在这种情况下,slide事件不会触发,因此change需要该事件。但是,如果元素需要对拖动手柄时更改的滑块值做出反应,则将需要该slide事件。

 类似资料:
  • #include <stdio.h> int func(void) { int i = 2; return i; } int main(void) { int a = 0; a = func(); printf("%d\n", a); return 0; } 技巧 在gdb中,可以用“set var variable=expr”命令设置变量

  • 问题内容: 我正在尝试在设置数组之前对要设置的数组进行排序,但是的参数是不可变的,并且会改变值。如何克服这个限制? 为了使这个问题脱离我自己的项目环境,我提出了以下要点: 我收到错误消息,指出该变量不可变,正在尝试对其进行突变。 问题答案: 不能对内部的值进行突变。如果实现观察者,则将新的属性值作为常量参数传递给它。 修改它以使用该怎么办? 在值存储之前被调用。 新值存储后立即调用。 您可以在此处

  • 假设我们有两个组件(父组件和子组件),基本上我要将父组件的状态变量发送到子组件的输入元素以执行一些操作。就像... 我的子组件如下所示.. 基本上我想做三件事 null 有人能帮我做这个吗? 附:我的的组件目标文本不应该更新我的的状态变量(名称)我的意思是,没有回调作为道具。

  • 行动时刻 - 设置变量的默认值 我们并不总是确定变量是否存在。 Unlang为我们提供了语法,以便在变量不存在时指定默认值。 我们将再次通过修改上一个练习来证明这一点。 我们将使用radtest首先在请求中包含Framed-Protocol = PPP,并将其排除在外。 如果Framed-Protocol AVP不存在,我们将返回一个默认字符串。 编辑FreeRADIUS配置目录下的sites-a

  • 我在字符串数组的流处理中看到了一个有趣的行为。 我在做这样的事 预期结果应该是一组[1,2],但实际结果是[2,1]。toSet()创建一个HashSet而不是SortedSet,所以它不应该扰乱数据的顺序。不知道为什么!!

  • 主要内容:实例在JSF中,我们可以处理或的值变化的事件。 要注册事件处理程序侦听器,请在UI组件的属性中传递托管bean方法的名称。 或者实现接口,并将实现类名传递给UI组件的属性。 以下代码显示了如何将托管Bean的方法注册到方法。 注册方法 以下代码显示了如何实现监听器方法。 并注册到标签。 实例 打开NetBeans,创建一个名称为:ValueChangedEvent 的Web项目,其结构如下所示 - 以