javascript上点击加载错误的类

时间:2014-02-12 18:42:52

标签: javascript php jquery

所以我有一个日历,里面有活动。如果这是一个事件,那就是PHP:

echo'<td title="Poste: '.$row[field].'<br/><br/>You start at <b>'.$row[start].'</b><br/>'.$breaks.'<br/>You finish at <b>'.$row[end].'</b><br/><br/>Total hours this week: <b>'.$totalweekhours.'</b>" data-container="body" class="full '.$style.' hidden-xs">'.$day.'</span></br></br>'.$shifttime.'</td>';

正如您所看到的,当我在控制台上查看它时,该类将包含“完整”,它显示为:

class="full  hidden-xs"

空时:

echo'<td data-event="'.$currentDay.'" class="empty'.$style.' hidden-xs">'.$day .'</br></br></br>&nbsp;</td>';

并在控制台上:

class="empty hidden-xs"

现在我的javascript:

$('.empty').on('click', function(){
    var event = $(this).find('a').data('event');
    var choosen_date = $(this).data('event');
    $('#event-data').val(choosen_date);
    $('#myModal').modal('show');
});
$('.full').on('click', function(){
    var event = $(this).find('a').data('event');
    var choosen_date = $(this).data('event');
    $('#event-data').val(choosen_date);
    $('.modal-body').load('test2.php',function(result){
    $('#myModal').modal('show');
    });
});

因此,当点击一个已满的事件时,它应该加载一个带有test2.php内容的模态,当点击没有事件的日期时,它应该打开带有模态的正常内容的模态。无论我点击它加载test2.php。任何人都知道可能导致这种情况的原因吗?

1 个答案:

答案 0 :(得分:0)

确保模态的正常内容符合您的想法。试着放一个

$('#myModal').modal('show'); 
在脚本底部的

,看看会发生什么。您可能在其他地方错误地设置了内容。另一个很好的调试技术是将console.log语句添加到两个回调中。所以将console.log("empty")console.log("full")添加到您的两个回调中。看看哪个火灾。也许你的选择器不够具体。

祝你好运!