Question

我收到错误消息：Uncaught SyntaxError: Unexpected token < 我正在使用jquery加载，但我需要传递头文件，所以我不能再使用它了，需要使用jquery

我的链接：

<div class="list-group">
     <a class="list-group-item active" href="<?php echo Config::get('URL'); ?>profile/timeline/<?php echo System::escape($this->user->user_id); ?>"><span><?php echo System::translate("Timelime"); ?></span></a> 
     <a class="list-group-item" href="<?php echo Config::get('URL'); ?>profile/about/<?php echo System::escape($this->user->user_id); ?>"><span><?php echo System::translate("About"); ?></span></a>
     <a class="list-group-item" href=""><span>Images</span></a>
     <a class="list-group-item" href="<?php echo Config::get('URL'); ?>profile/friends/<?php echo System::escape($this->user->user_id); ?>"><span><?php echo System::translate("Friends"); ?></span></a>
</div>

我的ajax

$(function() {  
    $('.list-group-item').click(function(e){

        e.preventDefault();
        $.ajax({
           url:$(this).attr('href'),
           type:'GET',
           success: function(data){
                $('.layout-content-container').fadeOut('slow', function(){
                    $('.layout-content-container').html($(data).find('#inner_main_content').html(), function(){
                        $('.layout-content-container').fadeIn('slow');
                    });
                });
           }
        });
    });
});

我是否已将该功能放在正确的位置？

$('.layout-content-container').html($(data).find('#inner_main_content').html(), function(){
     $('.layout-content-container').fadeIn('slow');
});

从其他页面呈现HTML

<div class="col-md-12 layout-content-container">
    <div class="panel panel-default">
        <div class="panel-heading"><strong>Overview</strong></div>
        <div class="panel-body"> blah blah blah </div>

Answer 1

内部点击匿名函数将$（this）.attr（＆＃39; href＆＃39;）保存到某个var并执行，因为在ajax中这将指向其他对象。

$(function() {  
$('.list-group-item').click(function(e){
   var ur = $(this).attr('href');
    e.preventDefault();
    $.ajax({
       url:ur,
       type:'GET',
       success: function(data){
            $('.layout-content-container').fadeOut('slow', function(){
                $('.layout-content-  container').html($(data).find('#inner_main_content').html(), function(){
                    $('.layout-content-container').fadeIn('slow');
                });
            });
       }
    });
});

}）;

试图使用ajax得到一个div，其内容来自另一个页面不起作用

1 个答案: