Php Laravel4.2自定义分页按钮-用于jQueryAjax调用的自定义按钮
我正在使用教程在Laravel4.2中创建自定义分页 我得到了分页按钮的代码-Php Laravel4.2自定义分页按钮-用于jQueryAjax调用的自定义按钮,php,jquery,ajax,laravel-4,pagination,Php,Jquery,Ajax,Laravel 4,Pagination,我正在使用教程在Laravel4.2中创建自定义分页 我得到了分页按钮的代码- <ul class="pagination"> <li class="disabled"> <span>«</span> </li> <li class="active"> <span>1</span> </li> <li>
<ul class="pagination">
<li class="disabled">
<span>«</span>
</li>
<li class="active">
<span>1</span>
</li>
<li>
<a href="http://localhost/car/public/specials?page=2">2</a>
</li>
<li>
<a href="http://localhost/car/public/specials?page=2" rel="next">»</a>
</li>
</ul>
-
«
-
1.
-
-
但是我需要通过AJAX单击分页按钮来更改页面
可能吗
因此,我需要(动态地)向所有按钮添加一个AJAX调用,并删除ahref代码
是的-
<li>
<a href="http://localhost/car/public/specials?page=2">2</a>
</li>
我想要-
<li>
2 <!-- With AJAX call -->
</li>
2.
我怎么做
有人能帮我吗
提前感谢您的帮助。将类添加到您的
标记中,例如.page按钮
,并使用jQuery钩子进入单击事件
li
应具有以下等级:
<li>
<a href="http://localhost/car/public/specials?page=2">2</a>
</li>
另一种简单的方法是: 当使用来自分页器的另一个结果块交换某些内容时,这对分页非常有效
#contentWrapper
这里将有一个div
围绕分页内容
如果在调用.load()
之后需要执行一些进一步的逻辑,可以使用complete
回调,如下所示:
$('.pagination a').click(function(e) {
e.preventDefault();
$('#contentWrapper').load($(this).attr('href'), function () {
//do something here
});
});
我想添加一个ID并根据该ID调用。是否可能?ID被认为是每个元素的唯一ID,如果分配ID,则需要为每个元素复制钩子,因此,最简单的解决方案是使用
类
名称,并从元素中解析所需的属性,如href
或数据-*
。我需要对按钮ID调用不同的操作,例如:如果用户按下按钮1,我需要加载第1页的内容,如果他按下按钮5,我需要加载第5页的内容。有可能吗?如果您使用的是Laravel分页,那么在查询字符串中传递页面
就足够了,您不必做任何特殊的事情。
$('.pagination a').click(function(e) {
e.preventDefault();
$('#contentWrapper').load($(this).attr('href'));
});
$('.pagination a').click(function(e) {
e.preventDefault();
$('#contentWrapper').load($(this).attr('href'), function () {
//do something here
});
});