首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jquery.ui.spinner更改

jquery.ui.spinner更改
EN

Stack Overflow用户
提问于 2011-03-01 10:12:49
回答 5查看 45.6K关注 0票数 23

我正在尝试使用最新版本的jquery.ui.spinner.js。http://wiki.jqueryui.com/w/page/12138077/Spinner

微调器正在显示和更新文本框,但我在弄清楚如何捕获“change”事件时遇到了麻烦。它会在您手动更改文本框中的值时触发,但不会在使用微调器箭头时触发。

jquery:

代码语言:javascript
复制
    $('input[name*="opening"]').spinner({ min: 0, max: 100});

    $('#doorsize6w7h-f').spinner().change(function(){
         alert($(this).spinner('value'));
    });

html:

代码语言:javascript
复制
<input type="text" value="0" class="front" id="doorsize6w7h-f" name="opening[0][0]" />
EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-03-01 10:16:03

在调用textbox上的change()的微调器控件上附加一个事件。

代码语言:javascript
复制
$('.ui-spinner-button').click(function() {
   $(this).siblings('input').change();
});

jsFiddle

在设置好微调器之后。

票数 37
EN

Stack Overflow用户

发布于 2012-10-30 21:16:51

我想这就是你需要的:

代码语言:javascript
复制
$('.mySpinner').spinner({          
    stop:function(e,ui){
        alert('Triggered after a spin.');
    }
});

与绑定到按钮的click事件不同,这还将检测键盘上up/down键的使用。

有关详细信息和更多活动,请参阅此页面:http://api.jqueryui.com/spinner/#entry-examples

票数 20
EN

Stack Overflow用户

发布于 2013-01-20 16:10:34

实际上,我会通过标准的'change‘事件路由更改,并捕获所有内容,就像这样:

代码语言:javascript
复制
$('input[name*="opening"]').spinner({
    min: 0,
    max: 100,
    spin: function(event, ui) {
        $(this).change();
    }
});
票数 7
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5149830

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档