单击结果页面上显示的链接后，使用 Tipue 突出显示搜索词？答案

【问题标题】：Highlighting search terms with Tipue after one has clicked on the link(s) displayed on result page?单击结果页面上显示的链接后，使用 Tipue 突出显示搜索词？
【发布时间】：2016-05-02 13:26:55
【问题描述】：

我已经根据他们的documentation 在我的网站上实现了 Tipue 网站搜索引擎。我正在使用“实时模式”，到目前为止一切正常。

但是，我想知道在我单击结果页面上显示的链接后，是否有办法突出显示输入的搜索词？

具体来说，这是我想要实现的目标：

用户输入搜索词
Tipue 进行搜索并在“结果页面”上显示结果 - 此处突出显示搜索字词
点击其中一个搜索结果时，我希望该页面上的搜索词也突出显示

我并不是一个 jQuery/JavaScript 向导，因此我们将不胜感激。

这是我目前的代码：

HTML（allstudies.html - 已被 Tipue 索引的网站）：

<!DOCTYPE html>
<html>
<head>

  <!-- Link required to be in head for Tipue Search -->

  <link href="Tipue Search 5.0/tipuesearch/tipuesearch.css" rel="stylesheet">

</head>
<body>
  <nav class="navbar navbar-default">
    <div class="container">
      #navbar stuff
    </div>
  </nav>

  <div class="searchbar">
    <form action="search.html">
    <input type="text" name="q" id="tipue_search_input" autocomplete="off" required>
    </form>

  </div>

  <div class="allstudies">
    <div class="container text-center">
        <ul class="list-unstyled">
            <h5>2016</h5>
            <li><a href="Validation Studies\2016\PDFs\Whey Concentrate, Dairy Liquids (retained sample) - DAIRY & FOOD INGREDIENTS & RENDERING AGENTS - 2016.pdf">Whey Concentrate, Dairy Liquids (retained sample) - DAIRY & FOOD INGREDIENTS & RENDERING AGENTS - 2016</a></li>
            #more items
            <h5>2015</h5>
            <li><a href="Validation Studies\2015\PDFs\Cocoa Powder - FOOD INGREDIENTS - 2015.pdf">Cocoa Powder - FOOD INGREDIENTS & RENDERING AGENTS - 2015</a></li>
            #more items, etc.
    </div>
  </div>

</body>
</html>

HTML（search.html - 显示搜索结果的站点）：

<!DOCTYPE html>
<html>
<head>
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

    <link href="Tipue Search 5.0/tipuesearch/tipuesearch.css" rel="stylesheet">
    <script src="Tipue Search 5.0/tipuesearch/tipuesearch_set.js"></script>
    <script src="Tipue Search 5.0/tipuesearch/tipuesearch.min.js"></script>
</head>
<body>
    <h1>Search Results</h1>
    <form action="search.html">
    <input type="text" name="q" id="tipue_search_input" autocomplete="off" required>
    </form> 
    <div id="tipue_search_content"></div>

    <script>
        $(document).ready(function() {
            $('#tipue_search_input').tipuesearch({
                'mode': 'live',
                'liveDescription': 'href',
                'liveContent': '*',
                'highlightEveryTerm': true
            });
        });
    </script>
</body>
</html>

【问题讨论】：

标签： javascript jquery html search

【解决方案1】：

我与 Tipue 的开发团队取得了联系。目前，不支持在单击链接后突出显示搜索词。（2016 年 5 月 5 日）

【讨论】：