如果没有结果，为什么我的 Tumblr 搜索框会出现空白页？答案

【问题标题】：Why does my Tumblr search box turn up a blank page if there are no results?如果没有结果，为什么我的 Tumblr 搜索框会出现空白页？
【发布时间】：2015-08-05 12:24:56
【问题描述】：

我正在使用自定义搜索框来搜索标签，而不是 Tumblr 的原生搜索框。代码如下：

<form class="sfm" onsubmit="return tagSearch(this)">
<input 
type="text" 
name="tag" 
value="{SearchQuery}"
placeholder="I'm looking for"  />

<input type="image" 
class="searchbutton" 
src="http://static.tumblr.com/mer0yol/3cjnot2ku/search.png" 
height="12px"
value="Search"/>

</form>

当您提交搜索时，如果有搜索结果，它会正确列出它们。但是，如果没有搜索结果，我会得到一个空白页。此外，SearchResults 页面不包含我的消息（而是仅显示与搜索相关的标记帖子）。

如何改为显示 {NoSearchResults} 页面？以及如何在确实出现的搜索结果上方显示 SearchResults 消息？

这是“搜索结果”页面的 HTML：

<div class="searchresults">

    {block:SearchPage}
       <p>Your search for "{SearchQuery}" found {SearchResultCount} listings.</p>
    {/block:SearchPage}


    {block:NoSearchResults}
        <p>Sorry, no listings are tagged with "{SearchQuery}."</p>
    {/block:NoSearchResults}

</div>

【问题讨论】：

标签： forms search tags tumblr searchbar

【解决方案1】：

您需要将其全部包装在“SearchPage”块中，并改用“SearchResults”和“NoSearchResults”。

<div class="searchresults">

{block:SearchPage}

{block:SearchResults} 
   <p>Your search for "{SearchQuery}" found {SearchResultCount} listings.</p>
{/block:SearchResults} 


{block:NoSearchResults}
    <p>Sorry, no listings are tagged with "{SearchQuery}."</p>
{/block:NoSearchResults}

{/block:SearchPage}

【讨论】：