Javascript不能与jQuery UI一起工作

我在尝试让简单的javascript与jQuery UI协同工作时遇到困难。我正在使用jQueryUI为一组表单输入元素提供自动完成功能，虽然这一功能运行良好，但我编写的JavaScript代码都不起作用。奇怪的是，当我注释所有jQuery UI内容并尝试运行我的JavaScript时，一切都很完美

jQuery UI代码库中是否有什么东西覆盖了我使用自定义JavaScript函数的能力

这是运行我的自动完成的脚本

<script>

var fruits = ['Apples', 'Oranges', 'Bananas', 'Grapes'];

$(function() {
    $( ".input-box" ).autocomplete({
        source: availableTags
    });
  });


</script>

但它不起作用。即使onchange=alert'Hi'，也就是说，基本的javascript内容不起作用

我该怎么做

---

编辑：

您需要通过jQuery附加事件

更新了onchange测试

这个

---

您是否检查了控制台中的任何错误？是的。控制台未记录任何错误。您的代码中可能有错误，导致其他代码无法运行。我建议您在jsFiddle中重现这个问题，这样我们就可以看到实际发生的情况并进行查看。你显然有一些基本的错误。jQueryUI也是javascript，所以你不能说没有javascript在运行，只是不能说你想要的javascript在运行。@MadhavNarayan:任何提琴都是jfriend00推荐的

 function addValue(value) {

      fruits.push(value);

 }

var fruits = ['Apples', 'Oranges'];

$(function () {
    $(".input-box").autocomplete({
        source: fruits
    }).on("change", function () {
       if(this.value&&fruits.indexOf(this.value)<0) fruits.push(this.value);
        $(this).autocomplete("option","source",fruits);
    });
});