keyup在bootstrap中没有工作 - 使用jQuery选择离开搜索

时间:2017-05-04 06:46:55

标签: bootstrap-select

这是我的代码,我想抓住更改搜索输入字段,但jQuery" keyup"不管用。我正在使用Angular来操纵我的数据。我尝试将默认文本输入添加到我的页面,一切正常。enter code here

<!DOCTYPE html>

<html>
    <head>
        <title>Bootstrap-select live search</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/css/bootstrap-select.css" />

        <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.1/js/bootstrap-select.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
        <script>
            //angular stuff
            var app = angular.module('app', []);

            app.service('service', function(){
                this.getCities = function (){
                    return ["Аксаковщина д. Минская обл., Минский р-н, Горанский с/с",
            "Андреевщина д. Витебская обл., Оршанский р-н, Андреевщинский с/с",
            "Антоновка д. Гомельская обл., Калинковичский р-н, Горбовичский с/с",
            "Антоново д. Брестская обл., Барановичский р-н, Колпеницкий с/с"];
                };
            });

            app.controller('ctrl', function ($scope, service){
                $scope.cities = service.getCities();
            });

            //jquery stuff
            $(document).ready(function (){
               $('input').on('keyup', function() { 
                    alert('keyup is fired!!!');
                });
            });

        </script>

    </head>
    <body  ng-app="app" ng-controller="ctrl">
        <div id="destinationFrom">
            <select id="selectDestinationFrom" class="selectpicker" data-live-search-style="startsWith" data-live-search="true">
                <option ng-repeat="city in cities track by $index">{{city}}</option>
            </select>
        </div>
        <input type="text"/>
    </body>

</html>

1 个答案:

答案 0 :(得分:0)

请使用这些css和js.您使用的是旧版本的css和js。

[Authorize]
public IHttpActionResult Get(string id)
{
    var result = _bookingService.GetBooking(id);
    if (result == null) return NotFound();
    return Ok(result);
}