Laravel5与Jquery Ajax的分页

Question

我正在使用Laravel5分页。我添加了一些ajax代码，因为当我点击下一个按钮时，我不需要刷新页面。

我的问题是，当我点击下一个按钮时，我的页面正在刷新。请帮我找到这个问题。我的代码和屏幕截图如下。

在firefox firebug控制台中显示一些错误＆＃34; TypeError：Window.getDefaultComputedStyle的参数1不是对象。＆＃34;

JS #abilitytest：点击功能以在bootstrap模型中显示数据

$( "#abilitytest" ).click(function() {
    $.post("/abilitytest", function(response){
        $( "#abilityQuestions" ).html(response);
    });
});


$('.pagination a').on('click', function (event) {
    event.preventDefault();
    var page = $(this).attr('href');
    console.log(page);
    alert('hai');
});

控制器

$abilitytests = Abilitytest::simplePaginate(1);
return view('test.abilitytestmodal',['abilitytests' => $abilitytests]);

Answer 1

在$('.pagination a')上绑定事件监听器可能有些麻烦吗？

尝试

$(document).on('click', '.pagination a', function(event){

而不是

$('.pagination a').on('click', function (event) {

Answer 2

目前我正在使用laravel分页内置函数simplePaginate()。

Abilitytest::simplePaginate(1) ul类的分页将是class =＆＃34; pager＆＃34;。<ul class="pager">。

如果我们使用laravel内置函数paginate()，那么ul类的分页将是class =＆＃34; pagination＆＃34; ..

所以问题是我在JS文件中使用了错误的类名＆＃34; <ul class="pagination">＆＃34;。

所以我的代码是

$('.pager a').on('click', function (event) {
    event.preventDefault();
    var page = $(this).attr('href');
    console.log(page);
    alert('hai');
});

感谢

Answer 3

您可以在文档就绪中使用jQuery，就像这样

$(document).ready(function (){ $('.pagination a').on('click', function (event) {