是否可以触发/绑定 jQuery UI 事件? [复制]

2024-02-28

可能的重复:
jQuery AutoComplete 触发更改事件 https://stackoverflow.com/questions/6431459/jquery-autocomplete-trigger-change-event

我正在使用 jQuery UI v1.9 并且成功实现了jQuery UI 自动完成 http://api.jqueryui.com/autocomplete小部件。我想知道是否可以触发/绑定 jQuery UI 事件,如果可以,如何实现。也就是说,例如,如果我有

$('#autocomplete_field" %>').autocomplete({
  change: function (event, ui) {
    // Make something...
  },
  minLength: 2,
  ...
});

是否可以运行 jQuery UIchange事件通过将其绑定到keypress event?


Note: 我试过

$('#autocomplete_field').bind('keypress', function(event) {
    $('#autocomplete_field').autocomplete('option', 'change').call();
});

但我收到以下错误(来自 Firebug 控制台):

TypeError: elem.nodeName is undefined
...ks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase(...

这将涵盖文本框的自动完成:

  $(".autoCompleteTxtBox").autocomplete({
                 source: "www.url.com/Source",
                 select: function (event, ui) {
                     //something to do when user selects from dropdown
                 }
             });



 $(document).on('keyup, keydown, change', '.selectorClass', function(event){    
       //I'm not sure what you need ui for exactly
      var pos = $(this).position(); // gets position of .selectorClass
      var val = $(this).val(); // gets current value of .selectorClass
      var width = $(this).width(); // gets width
     // if there are multiple '.selectorClass' - $(this) is the one that fired event
   });

这是否让您了解如何使用 $(this) ?

处理同一个文本框的两个位置的事件有点多余,但如果这就是你想要的 - 这将有一个功能自动完成功能,以及每次文本框更改时处理另一个位置,无论它如何更改。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

是否可以触发/绑定 jQuery UI 事件? [复制] 的相关文章

随机推荐