Функция поиска 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> 

Я й en имеют результаты поиска шаблона, которые вытягивают результаты поиска в id = «результаты» выше.

Answer 1

Если вы описываете событие onclick тега <a>, вам необходимо заблокировать возврат по умолчанию. Попробуйте

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