如何从codeigniter日历的ajax成功结果获取元素的属性？

Question

我将使用codeigniter日历来显示事件。 默认情况下，当我生成日历并显示每个事件时，没有问题。 每个事件可以显示在引导程序模式上，具体取决于（单击）dan传递给my控制器功能的日期。 问题是当我使用jquery ajax单击prev或next链接来加载prev或下个月时，当月份改变后，然后单击一天，则jquery $（this）函数无法捕获attr值。 有我的代码片段：

CI日历模板已删除：

{cal_cell_content}<div data-toggle="modal" data-target=".mymodal" class="detail" val="{day}"><span class="myclass">{day}</span><span class="d{day}">{content}</span></div>{/cal_cell_content}

加载日历的功能：

public function show_cal_ajax($yr = NULL, $mth = NULL)
    {
        $this->load->model('m_cal');
        $this->load->library('calendar', $this->_calconfig()); 
        $year = $month = "";
        if($yr != NULL && $mth != NULL)
        {
            $month = $mth;
            $year = $yr;
        }
        else
        {
            $month = date('m');
            $year = date('Y');
        }

        $numEvent   = $this->m_cal->numOfEvent($month, $year);
        $data           = array(
                            'cal_data' => $this->calendar->generate($year, $month, $numEvent)
                        );
        echo $data['cal_data'];
    }

和jquery ajax用于加载事件详细信息：

$(".detail").on('click',function(){
        var day = $(this).attr('val');

        $.ajax({
            type: 'POST',
            dataType: 'html',
            url: <?php echo "'".base_url('view/show_event_detail')."'"; ?>,
            data:{<?php echo "y: $year, m: $month";?>, d: day}, 
            success: function( data ) {
                $( ".modal-content").html(data);
            },
            error: function(){
                alert('Error: ajax request error.');
            } 
        });
});

因此，在通过单击上一个或下一个链接更改日历后，jQuery详细信息功能不起作用，我猜$（this）.attr（'val'）没有值，因为日历数据/月已被ajax更改请求并将其附加到html的#calendar上。尽管月份已更改，任何人都可以帮助我如何获取attr值...

顺便说一句，完整的代码可以在这里找到： http : //pastebin.com/VgydABai谢谢...

Answer 1

将年月日添加到模板中，然后使用帖子的各个值

class="detail" data-day="{day}" data-month="{month}" data-year="{year}"


var caldata = {};
$(document).on('click', ".detail", function() {
    caldata["y"] = $(this).attr('data-year');
    caldata["m"] = $(this).attr('data-month');
    caldata["d"] = $(this).attr('data-year');

    $.ajax({
        type: 'POST',
        dataType: 'html',
        url: <?php echo "'".base_url('view/show_event_detail')."'"; ?>,
        data: caldata, 
        success: function( data ) {
            $( ".modal-content").html(data);
        },
        error: function(){
            alert('Error: ajax request error.');
        } 
    });
});