Demonstration

Default usage

$('#search-1').hideseek();
  • C
  • Java
  • PHP
  • JavaScript
  • C++
  • Python
  • Shell
  • Ruby
  • Objective C
  • C#

Highlight

$('#search-highlight').hideseek({
  highlight: true
});
  • Chrome
  • Firefox
  • Internet Explorer
  • Safari
  • Opera

No results message

$('#search-nodata').hideseek({
  nodata: 'No results found'
});
  • The Godfather
  • Schindler's List
  • Raging Bull
  • The Shawshank Redemption
  • Casablanca
  • One Flew Over the Cuckoo's Nest
  • Gone with the Wind
  • Citizen Kane

Custom Events

Custom event "_after"

$('.after_event').hideseek();
$('.after_event').on("_after", function() {
  alert('This alert comes after the search is finished!')
});
  • Russia
  • The Philippines
  • Colombia
  • Dominican Republic
  • Ukraine
  • Thailand
  • India
  • China
  • Brazil
  • Vietnam

Custom event "_after_each"

$('.after_each_event').hideseek();
$('.after_each_event').on("_after_each", function() {
  alert('This alert comes after the procession of each element!')
});
  • House made from Lego’s
  • Gigantic Aircraft Carrier model
  • Enormous replica of A380 Airbus

Use of data attribute to load

The attribute "data-toggle"


  • Bootstrap
  • Fbootstrapp
  • BootMetro
  • Kickstrap
  • Foundation
  • GroundworkCSS
  • Gumby
  • HTML KickStart
  • IVORY
  • Kube

适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。

来源:站长素材