奇怪的搜索按钮

题面

有点强迫症的我一直对handsome主题的搜索按钮非常不满意:明明有个按钮却不能按下去,烦躁。

所以我决定把它修好!

搜索框

思路

在搜索栏按回车后会跳转到搜索页面,发现搜索页面的url就是简单的hsotname/search/...,搜索内容中的中文也不需要修改编码。

那么我们只要设计一个 button,单击它时获取搜索栏的值并经行页面的跳转即可。

代码

打开./usr/themes/handsome/component/下的headnav.php

搜索search_submit,将一整行代码替换成

<span id="search_submit" class="transparent input-group-btn" onclick=jumpForSearch(search_input.value)>

然后在代码的末尾贴上

<script type="text/javascript">
function jumpForSearch(search_ct){
  if(search_ct.length>0){
    $.pjax({ 
    url: "https://"+document.domain+'/search/'+search_ct, 
    container: '#content',
    fragment: '#content',
    timeout: 8000
    });
  }
}

</script> 
Last modification:February 14th, 2020 at 04:38 pm
Compared with money, your comment could inspire me more.
相较于钱财,你的留言更能激发我创作的灵感