PHP动态链接列表打破了ajax

时间:2012-12-20 16:35:58

标签: php jquery ajax laravel

我有一个从数组生成的事物列表,其中数组值映射到数组键,数组键映射到数据库中的查询。现在我遇到的问题是,当这个列表包含在我的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显然不会更新,而且我只能构建一个端点链接,打破页面双重过滤功能。

任何帮助都会很棒。

1 个答案:

答案 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);
}