【问题标题】:JQuery Autocomplete SELECT event not firesJQuery 自动完成 SELECT 事件不会触发
【发布时间】:2014-08-30 13:58:59
【问题描述】:

我正在尝试使用 JQuery 自动完成功能来搜索我的网站。

我面临的问题是,数据显示正确。但是当我尝试选择任何项目时。什么都没发生。选择事件不触发。

我的 aspx 代码如下:如果此代码有问题,请帮助我。

我的理解是,如果我从自动完成结果中选择任何项目,那么应该会出现“已选择”消息。

<script type="text/javascript">
    $(document).ready(function () {
        $("input#autocomplete").autocomplete("Search.ashx",
            {
                delay: 0,
                max: 30,
                min: 10,
                width: 300,
                formatItem: function (data, i, n, value) {
                    var temp = value.split(",")[3];
                    temp = temp.replace(" ", "-");
                    var result = "<table><tr><td> <a  href='" + value.split(",")[2] + "'><img style = 'width:40px;height:50px' src= images/mobiles/" + value.split(",")[1] + " /> " + "</a></td><td style='Vertical-Align:Top'> <a  href='" + value.split(",")[2] + "'>" + value.split(",")[0] + "</a></td></tr></table>";
                    return result;
                },
                select: function (e, ui) {
                    alert("selected!");
                }
            });
        });

【问题讨论】:

    标签: jquery asp.net autocomplete


    【解决方案1】:
    <script type="text/javascript">
        $(document).ready(function () {
            $("input#autocomplete").autocomplete("Search.ashx",
                {
                    delay: 0,
                    max: 30,
                    min: 10,
                    width: 300,
                    source: function (data, i, n, value) {
                        var temp = value.split(",")[3];
                        temp = temp.replace(" ", "-");
                        var result = "<table><tr><td> <a  href='" + value.split(",")[2] + "'><img style = 'width:40px;height:50px' src= images/mobiles/" + value.split(",")[1] + " /> " + "</a></td><td style='Vertical-Align:Top'> <a  href='" + value.split(",")[2] + "'>" + value.split(",")[0] + "</a></td></tr></table>";
                        return result;
                    },
                    select: function (e, ui) {
                        alert("selected!");
                    }
                });
            });
    </script>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-09-19
      • 2017-02-16
      • 2018-10-14
      • 2018-10-11
      • 2011-07-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多