我有一个从数组生成的事物列表,其中数组值映射到数组键,数组键映射到数据库中的查询。现在我遇到的问题是,当这个列表包含在我的ajax部分中时,它只能在页面刷新之前单击一下。是什么给了什么?
我正在使用HTML5历史记录API方法更改链接的href =“”部分点击后的网址。 我对jQuery有点新鲜,这很奇怪,因为我主要是前端开发人员,但我从来没有时间赶上,但我的链接列表打破这段代码对我来说没有意义。
$("a[rel='ajax']").click(function(e){
//e.preventDefault();
pageurl = $(this).attr('href');
$.ajax({url:pageurl+'?rel=ajax',success: function(data){
$('#ajax')
.load(pageurl + ' #resultati');
}});
if(pageurl!=window.location){
window.history.pushState({path:pageurl},'',pageurl);
}
return false;
});
在PHP中使用此函数生成链接,如果这有任何区别,我正在使用laravel框架。
public static function filterlink ($filter, $what)
{
if (URI::segment(2) == 'make')
{
$first = URI::segment(3);
$next = URI::segment(4);
}
else
{
$first = URI::segment(2);
$next = URI::segment(3);
}
// what == 0 is the filter, what == 1 is the +filter. This reffers to the link being created.
switch (substr($first, 0, 1))
{
case ' ': // example.ex/make/[+]current starts with a plus sign.
if($what == 0)
//new no+ filter.
{
return HTML::link('make/'.self::slug($filter.'/'.$first), $filter, array('rel' => 'ajax'));
// example.ex/make/+current => example.ex/make/newfilter/+current
}
elseif($what == 1)
//new +filter
{
return HTML::link('make/+'.self::slug($filter), $filter, array('rel' => 'ajax'));
// example.ex/make/+current+replaced+by+newfilter
}
break;
default:
if($what == 0)
// new no+ filter.
{
if(!empty($next))
{
return HTML::link('make/'.self::slug($filter.'/'.$next), $filter, array('rel' => 'ajax'));
}
else
{
return HTML::link('make/'.self::slug($filter), $filter, array('rel' => 'ajax'));
}
}
elseif($what == 1 && (!empty($first)))
{
return HTML::link('make/'.self::slug($first.'/+'.$filter), $filter, array('rel' => 'ajax'));
}
elseif($what == 1 && (empty($first)))
{
return HTML::link('make/+'.self::slug($filter), $filter, array('rel' => 'ajax'));
}
}
}
我已经尝试将我的链接列表放在ajax字段之外,这样可以保持ajax流程没有任何枯燥的页面刷新,但是我的链接URL显然不会更新,而且我只能构建一个端点链接,打破页面双重过滤功能。
任何帮助都会很棒。
答案 0 :(得分:2)
如果您实际上正在使用您想要对AJAX友好的链接加载HTML内容,那么您将需要使用.on以便新的链接也被jQuery函数接管。
$(document).on('click',"a[rel='ajax']",function(e) {
这里的工作示例:
http://jsfiddle.net/hansvedo/cJW54/
快速思考一下,将preventDefault放在pushState函数的位置怎么样?或者甚至只是取消注释它在哪里? preventDefault阻止正常的链接操作发生。
if(pageurl!=window.location){
e.preventDefault();
window.history.pushState({path:pageurl},'',pageurl);
}