帶分頁功能的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; 
});