带分页的Ajax搜索功能

Question

我目前有一个使用AJAX提交的搜索表单。表单和结果工作得很好，但是我在分页方面有问题。

分页是从搜索结果中拉进来的，所以当我单击链接时，我被定向到搜索结果页面，该页面没有样式。

我希望禁用分页的默认行为。我的代码如下:

function doTheSearch () {
         var options = {
            target: '#results',
            beforeSubmit:  showRequest
        };
        $('#filter').ajaxForm(options);
};
    function showRequest(formData, jqForm, options) {
        $('#results').prepend('<p class="searching">Searching database</p>');
        return true;
    }
    $(".pagination a").click(function(event) {
        event.preventDefault();
        doTheSearch();
    });

感谢您的帮助。

多谢本

-------------- EDIT ----------------

下面是显示当前结果的部分:

<section id="results">
   <!-- items are displayed here (using ExpressionEngine) -->
</section>

我也有一个执行搜索的搜索表单:

<form method="post" action="account/search-results" id="filter">
  <p>
     <label for="keywords">Enter number</label>
         <input type="text" name="keywords" id="keywords" value="" />
         <input type="submit" name="submit" id="submit" value="Search" />
  </p>
</form>

然后我有一个模板搜索结果，它将搜索结果拉入上面的id="results"

Answer 1

如果您描述<a>标记的onclick事件，则必须阻止默认返回。试试

$(".pagination a").click(function(event) {
    event.preventDefault();
    doTheSearch();
    return false;
});