如何调用jquery插件

Question

我有一个jquery autosuggest plugin

这是在输入字段上实现插件的方式

var options = {
        script:"ajax/college.php?json=true&",
        varname:"college",
        json:true,
        callback: function (obj) { document.getElementById('college').value = obj.id; }
    };

    var as_json = new AutoSuggest('college', options);

这是输入字段附加到页面的方式

 $('input[type=radio][name=career]').change(function() {
   if (this.value == '1') {
      $(".tp").html('<input type="text" class="form-control input-lg" name="college" id="college" placeholder="College name">');
     }
  });

但是在添加插件后，该输入不能正常工作。如果我只是非动态地写输入字段，那么它可以工作

<input type="text" class="form-control input-lg" name="college"
id="college" placeholder="College name">

Answer 1

插件不起作用，因为在初始化时，DOM中不存在标识为input的{​​{1}}元素。

因此，只有在college插入页面后才需要初始化AutoSuggest脚本。

请尝试以下代码：

input

在这里小提琴：https://jsfiddle.net/Lhdcgg3o/。