带分页功能的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(); 
    }); 

任何帮助表示赞赏。

非常感谢 本

--------------编辑----------------

下段是其中电流结果显示：

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

我个en有一个模板搜索结果，它将搜索结果拖到上面的id =“results”中。

Answer 1

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

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