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

时间:2013-01-20 22:35:34

标签: html ajax jquery

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

1 个答案:

答案 0 :(得分: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的内容,或者你选择的任何元素。