Question

我正在寻找一段时间才能让它发挥作用。

这是我的最后一次尝试。

我有 html ：

<td>
   <input type="text" value="" class="typeahead" style="width: 310px" autocomplete="off" data-provide="typeahead" />
   <input type="hidden" value="" class="delivery" name="delivery[]" />
</td>

在 JS 方面，我有这个：

$(".typeahead").on("create", function() {
    $(this).typeahead({
        limit : 20,
        remote : {
            url: '/ajax/places/?query=',
            replace: function(url, encodedUrl) {

              return url + encodedUrl + '&categorySon=5';
            },
            filter: function (result) {

                var list = [];

                result.aaData.map(function (item) {

                    list.push({

                        value: item.name + ' (' + item.code + ')',
                        id: item.id

                    });

                });

                return list;
            }
        }
    }).bind('typeahead:selected', function (obj, datum) {
        $(this).parent().parent().find("input[type='hidden']").val(datum.id);
    });
});

因此，当我动态添加其他输入类型时，它不起作用（即使在加载页面时创建的一个，它也适用于基本$（“。typeahead）.typeahead ...）

非常感谢你的帮助！

在09-17编辑：

现在建议列表有效，但bind('typeahead:selected,...没有

这是我的代码编辑：

function initPlaceTypeahead() {
    $(".placeTypeahead").typeahead({
        limit : 20,
        remote : {
            url: '/ajax/places/?query=',
            replace: function(url, encodedUrl) {

              return url + encodedUrl + '&categorySon=5';
            },
            filter: function (result) {

                var list = [];

                result.aaData.map(function (item) {

                    list.push({

                        value: item.name + ' (' + item.code + ')',
                        id: item.id

                    });

                });

                return list;
            }
        }
    }).bind('typeahead:selected', function (obj, datum) {
        $(this).parent().parent().find("input[class='delivery']").val(datum.id);
    });
}


$('#addCity').click(function() {

     var lastFilled = $("#delivery tr input[type='hidden']").last().val();

     if (lastFilled === '') {

         alert("La ville est obligatoire.");
         $("#delivery tr input[class='typeahead tt-query']").last().focus();

     } else {

        $("#delivery tr").eq(1).clone().find("input").each(function() {
            $(this).val('')
                   .attr('placeholder', '');
        }).end().appendTo("#delivery");

        $("#delivery tr a").removeClass("resetCity");
        $("#delivery tr a").addClass("delCity");

        $("#delivery tr").eq(2).clone().find("input").each(function() {
            $(this).val('').attr('placeholder', 'Informations Complémentaires');
        }).end().appendTo("#delivery");

        initPlaceTypeahead();

     }
});

Answer 1

好的，我发现了问题！

我在typeahead：selected事件中做了这个： $(this).closest("tr").find("input[class='delivery']").val(datum.id);

似乎父级别不同......

如何在新创建的输入上初始化类型？

1 个答案: