使用Jquery和Knockout js自动完成

我正在尝试使用jquery进行自动完成

我用的是可编辑网格，像这样 我尝试在不删除js代码的情况下实现自动完成。它工作得很好。 [我的代码没有淘汰js代码][http://jsfiddle.net/bhagirathip/WC5P7/2/]

然后我尝试用击倒js实现自动完成。现在它是第一个文本框的wokring。 如果我通过单击AddMore按钮添加更多文本框，则autocomplete不起作用。 [我的代码：][http://jsfiddle.net/bhagirathip/x6H8s/6/]

当我尝试在没有敲除js查询的情况下进行自动完成时，它工作得很好，但是当我包含敲除js查询时，自动完成就不起作用了

请找出我哪里做错了

提前感谢

您可以做一件事：

$(function(){

 $.noConflict();

//put all other code here

});

实际上，您并没有使用新添加的测试框添加autocomplete事件 i、 它不起作用

    <script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.1.0/knockout-min.js" type="text/javascript">
    </script>
<div class='liveExample'>
        <p>You have asked for <span data-bind='text: gifts().length'>&nbsp;</span> gift(s)</p>
        <table data-bind='visible: gifts().length > 0'>
            <thead>
                <tr>
                    <th>Gift name</th>
                    <th>Price</th>
                    <th />
                </tr>
            </thead>
            <tbody data-bind='foreach: gifts'>
                <tr>
                    <td>
                        <input data-bind='value: name' class='tags' /></td>
                    <td>
                        <input data-bind='value: price' /></td>
                    <td><a href='#' data-bind='click: $root.removeGift'>Delete</a></td>
                </tr>
            </tbody>
        </table>
        <button data-bind='click: addGift'>Add Gift</button>
        <button data-bind='enable: gifts().length > 0' type='submit'>Submit</button>
    </div>​

下面是一个对服务器的ajax调用示例，在完成该调用后，您可以在客户端分配变量，确保该变量是全局变量，以便您可以在不同的函数之间访问它

    function getResult() {
        var URL = "/Home/GetResult";
        var typeJSON = {};
        typeJSON["sql"] = $("#sqltext").val();
        $.ajax({
            type: "POST",
            url: URL,
            data: typeJSON,//data to be send to server
//omit above data tag if not required to send data to server

            success: function (data) {
//on success you can assign your variable here

            },
            failure: function (data) {
                //on faliure of ajax call can show some message here
            }
        });
    }

---

这两个问题都是不同的。在这里我使用了ajax调用，在这里我使用的是static one no-ajax调用。就在$（document）.ready之后（function（）{$.noConflict（）；//然后是所有代码}）；谢谢Vijay，我想从服务器获取数据并将数据存储在availableTags中。如何做到这一点。请helphi@bhagirathi我已经添加了一个带有ajax调用的getresult（）到服务器url，您可以使用它进行服务器调用

    function getResult() {
        var URL = "/Home/GetResult";
        var typeJSON = {};
        typeJSON["sql"] = $("#sqltext").val();
        $.ajax({
            type: "POST",
            url: URL,
            data: typeJSON,//data to be send to server
//omit above data tag if not required to send data to server

            success: function (data) {
//on success you can assign your variable here

            },
            failure: function (data) {
                //on faliure of ajax call can show some message here
            }
        });
    }