WordPress 搜索下拉关键词提示

1

get_header();

get_header();

12345678910

if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){$array_posts = array ();if (have_posts()) : while (have_posts()) : the_post(); array_push($array_posts, array("title"=>get_the_title(),"url"=>get_permalink())); endwhile;endif;echo json_encode($array_posts);} else {get_header();

if(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest'){$array_posts = array ();if (have_posts()) : while (have_posts()) : the_post(); array_push($array_posts, array("title"=>get_the_title(),"url"=>get_permalink())); endwhile;endif;echo json_encode($array_posts);} else {get_header();

1

get_footer();

get_footer();

1

get_footer();}

get_footer();}

123456

<div id="search-container" class="ajax_search"><form method="get" id="searchform" action="<?php echo esc_url(home_url('/')); ?>"><div class="filter_container"><input type="text" value="" autocomplete="off" placeholder="输入内容并回车" name="s" id="search-input"/><ul id="search_filtered" class="search_filtered"></ul> </div><input type="submit" name="submit" id="searchsubmit" class="searchsubmit" value=""/></form></div>

<div id="search-container" class="ajax_search"><form method="get" id="searchform" action="<?php echo esc_url(home_url('/')); ?>"><div class="filter_container"><input type="text" value="" autocomplete="off" placeholder="输入内容并回车" name="s" id="search-input"/><ul id="search_filtered" class="search_filtered"></ul> </div><input type="submit" name="submit" id="searchsubmit" class="searchsubmit" value=""/></form></div>

1

<?php wp_footer(); ?>

<?php wp_footer(); ?>

1

<script>var home_url="<?php echo esc_url(home_url('/')); ?>";</script>

<script>var home_url="<?php echo esc_url(home_url('/')); ?>";</script>

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677

//searchvar input_search = $("#search-input");function makeAjaxSearch(result) {if (result.length == 0) {$("#search_filtered").empty().show().append('<li><a href="javascript:vold(0)"><strong>这能搜到嘛？</strong></a></li>');} else {$("#search_filtered").empty().show();for (var i = 0; i < result.length; i++) $("#search_filtered").append('<li><a href="' + result[i]["url"] + '">' + result[i]["title"] + '</a></li>');}}var delaySearch;function startSearch() {$.ajax({type: "GET",url: home_url, data: "s=" + input_search.val(),dataType: 'json',success: function (result) {makeAjaxSearch(result);console.log(result);}});}var event_ajax_search = {bind_event: function () {input_search.bind('keyup', function (e) {if (input_search.val() != "" && e.keyCode != 40) {if (delaySearch) {clearTimeout(delaySearch)}delaySearch = setTimeout(startSearch, 200);}if (e.keyCode == 40) {search_filtered.moveable();}})},unbind_event: function () {input_search.unbind('keyup');}};var search_filtered = {moveable: function () {var current = 0;$('#search_filtered').find('a').eq(current).focus();$(document).bind("keydown.search_result", function (e) {if (e.keyCode == 40) {if (current >= $('#search_filtered').find('a').size()) {current = 0;}$('#search_filtered').find('a').eq(++current).focus();e.preventDefault();}if (e.keyCode == 38) {if (current < 0) {current = $('#search_filtered').find('a').size() - 1;}$('#search_filtered').find('a').eq(--current).focus();e.preventDefault();}});},hide: function () {$(document).unbind("keyup.search_result");$('#search_filtered').fadeOut();}};input_search.focus(function () {event_ajax_search.bind_event();}).blur(function () {event_ajax_search.unbind_event();});

//searchvar input_search = $("#search-input");function makeAjaxSearch(result) {if (result.length == 0) {$("#search_filtered").empty().show().append('<li><a href="javascript:vold(0)"><strong>这能搜到嘛？</strong></a></li>');} else {$("#search_filtered").empty().show();for (var i = 0; i < result.length; i++) $("#search_filtered").append('<li><a href="' + result[i]["url"] + '">' + result[i]["title"] + '</a></li>');}}var delaySearch;function startSearch() {$.ajax({type: "GET",url: home_url, data: "s=" + input_search.val(),dataType: 'json',success: function (result) {makeAjaxSearch(result);console.log(result);}});}var event_ajax_search = {bind_event: function () {input_search.bind('keyup', function (e) {if (input_search.val() != "" && e.keyCode != 40) {if (delaySearch) {clearTimeout(delaySearch)}delaySearch = setTimeout(startSearch, 200);}if (e.keyCode == 40) {search_filtered.moveable();}})},unbind_event: function () {input_search.unbind('keyup');}};var search_filtered = {moveable: function () {var current = 0;$('#search_filtered').find('a').eq(current).focus();$(document).bind("keydown.search_result", function (e) {if (e.keyCode == 40) {if (current >= $('#search_filtered').find('a').size()) {current = 0;}$('#search_filtered').find('a').eq(++current).focus();e.preventDefault();}if (e.keyCode == 38) {if (current < 0) {current = $('#search_filtered').find('a').size() - 1;}$('#search_filtered').find('a').eq(--current).focus();e.preventDefault();}});},hide: function () {$(document).unbind("keyup.search_result");$('#search_filtered').fadeOut();}};input_search.focus(function () {event_ajax_search.bind_event();}).blur(function () {event_ajax_search.unbind_event();});

1234567

.filter_container {display: inline-block;position: relative;}.ajax_search .search_filtered a {display: block;font-size: 12px;overflow: hidden;padding: 7px 12px 7px 10px;text-overflow: ellipsis;white-space: nowrap;width: 153px;color: #D14836;}.ajax_search .search_filtered {background-color: rgba(255, 255, 255, 0.95);left: 0;position: absolute;text-align: left;top: 102%;z-index: 200;}#search-input{float: left;border:none;height:22px;width:150px;padding-right:25px;line-height: 22px;text-indent: 10px;font-size:12px;background-color: transparent;background-image:url(img/search.png);background-repeat:no-repeat;background-position:right center}#search-input:focus{background-color: #fff;}#searchsubmit{display: none;}.ajax_search .search_filtered a:hover, .ajax_search .search_filtered a:focus {background-color: rgba(0, 0, 0, 0.03);text-decoration: none;outline:thin dotted}

.filter_container {display: inline-block;position: relative;}.ajax_search .search_filtered a {display: block;font-size: 12px;overflow: hidden;padding: 7px 12px 7px 10px;text-overflow: ellipsis;white-space: nowrap;width: 153px;color: #D14836;}.ajax_search .search_filtered {background-color: rgba(255, 255, 255, 0.95);left: 0;position: absolute;text-align: left;top: 102%;z-index: 200;}#search-input{float: left;border:none;height:22px;width:150px;padding-right:25px;line-height: 22px;text-indent: 10px;font-size:12px;background-color: transparent;background-image:url(img/search.png);background-repeat:no-repeat;background-position:right center}#search-input:focus{background-color: #fff;}#searchsubmit{display: none;}.ajax_search .search_filtered a:hover, .ajax_search .search_filtered a:focus {background-color: rgba(0, 0, 0, 0.03);text-decoration: none;outline:thin dotted}