html - 使用 jquery 从搜索结果中添加内容

Question

我正在使用这个很酷的脚本http://qpoit.com/marcofolio_demo/apple_search/但是当我点击搜索结果时，我希望它作为 html 内容添加到我将使用的 id 中。我知道这是通过 $("#displayContent").html(data); 但是我需要我点击的搜索结果的内容，而不是找到的所有结果。请帮忙

Answer 1

搜索的 rpc.php 文件包含生成搜索输出的函数。在第 29 行，将内容更改为 JavaScript 函数，它会为您工作。

// Used in line 29 in rpc.php
echo '<a href="'.$result->url.'">';

// Change it to something like
echo '<a onclick="applyContent('.$result->url.')">'

之后，返回 index.html（或您正在使用 apple-search 的文件），确保 jQuery 已加载并添加如下内容：

<script type="text/javascript">
// Use the same function name, as in the php-file
function applyContent (resultURL) {
    // Use jQuerys get-function to get the content of the file you've found in the search
    $.get(resultURL, function(data) {
        // Change '#finalResult' to the css-selector, of the element, which should contain the result at the end
        $('#finalResult').html(data);
    });
}
</script>

单击搜索结果后，它应该使其成为#finalResult 的内容，或您选择的任何元素。