Question

我在一个输入id上遇到Jquery函数的问题我想在一个ID上执行两个Jquery函数，以下是我的代码

这用于将输入设置为TAG

$('#autocomplete').tagsInput({
        width: 'auto',
        'onAddTag': function () {
            //alert(1);
        },

这适用于使用自动填充的搜索

    var countries = [
   { value: 'Andorra', data: 'AD' },
  // ...
  { value: 'Zimbabwe', data: 'ZZ' }
];

$('#autocomplete').autocomplete({
lookup: countries,
delimiter : ';',
onSelect: function (suggestion) {
    alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
}
});

这是HTML代码，

<div class="col-md-10">
    <input type="text" name="reply_cc" id="autocomplete" autocomplete="off"  class="form-control tags">
    <div id="result"></div>
</div>

问题是，有了这个，只有tagInput的1个函数正在工作，它无法执行第二个自动完成功能来搜索我的值，

如何使用一个ID完成这两项功能？

谢谢，

Answer 1

您可以绑定多个事件，例如

$( "#autocomplete" ).bind({
  click: function() {
    // Do something on click
  },
  mouseenter: function() {
    // Do something on mouseenter
  }
});

Answer 2

只有一种方法。

但这可能是最容易理解的：

<button id="awesome-button">Jo, Dude click me</button>

$(document).ready(function() {
    function awesomeOne () {
        console.log('first function');
    }

    function awesomeTwo () {
        console.log('second function');
    }

    $('#awesome-button').on('click', function() {
        awesomeOne();
        awesomeTwo();
    });
});

以下是一个示例：http://jsfiddle.net/WebJedi/4Lz43nco/

Answer 3

我认为您正在使用jQuery-Tags-Input。这意味着您可以将自动填充选项作为额外参数包含在内。

var countries = [
    { value: 'Andorra', data: 'AD' },
    // ...
    { value: 'Zimbabwe', data: 'ZZ' }
];

$('#autocomplete').tagsInput({
    width: 'auto',
    'onAddTag': function () {
            //alert(1);
    },

    autocomplete: {
        lookup: countries,
        delimiter : ';',
        onSelect: function (suggestion) {
            alert('You selected: ' + suggestion.value + ', ' + suggestion.data);
    }
});

在一个html输入标识

3 个答案: