zoukankan      html  css  js  c++  java
  • Twitter Typeahead plugin Example

    原文网址:
    http://dhtmlexamples.com/2012/02/27/using-the-typeahead-plugin-with-twitter-bootstrap-2-and-jquery/
    
    这个例子肯定能用,考到记事本里,然后另存为html,见证奇迹吧!
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Using the Typeahead plugin with Twitter Bootstrap 2 and jQuery</title>
        <!-- http://dhtmlexamples.com/2012/02/27/using-the-typeahead-plugin-with-twitter-bootstrap-2-and-jquery/ -->
        <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" />
        <style type="text/css">
            body {
                padding: 20px;
            }
        </style>
    </head>
    <body>
     
        <div class="container">
            <input type="search" id="city" name="city" placeholder="Type a city name" data-provide="typeahead" class="search-query" />
        </div>
     
        <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
        <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-typeahead.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function() {
                var alCities = ['Baltimore', 'Boston', 'New York', 'Tampa Bay', 'Toronto', 'Chicago', 'Cleveland', 'Detroit', 'Kansas City', 'Minnesota', 'Los Angeles', 'Oakland', 'Seattle', 'Texas'].sort();
                $('#city').typeahead({source: alCities, items:5});
            });
        </script>
     
    </body>
    </html>

  • 相关阅读:
    css 旋转
    html 旋转
    链表和数组的区别
    hashmap
    【java开发系列】—— 自定义注解
    java不确定参数个数方法例子
    mysql 删除
    linux下常用命令
    php的几种算法(转载)
    数据容器
  • 原文地址:https://www.cnblogs.com/exlsunshine/p/3775100.html
Copyright © 2011-2022 走看看