Question

我正在使用自定义搜索框搜索代码而不是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>

Answer 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}

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

1 个答案: