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>

然后我有一个模板搜索结果，它将搜索结果拉到上面的id =“results”。

Answer 1

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

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

具有分页功能的Ajax搜索功能

1 个答案: