Question

我正在使用FullCalendar 3.5.1

通过在事件数据上注入一些链接，我的事件通过eventRender呈现。这些链接适用于月视图。但是当我切换到周视图或日视图时，这些链接是不可点击的。我在这里放了一个jsfiddle https://jsfiddle.net/y8d0v6o3/1/ 在月视图中的小提琴抛出控制台错误，但这是因为并非所有函数都在小提琴上，但它也暗示链接被点击。在日/周视图中甚至没有错误。

eventRender: function(event, element, view) {
                element.find(".fc-title").remove();
                //element.find(".fc-time").remove();
                $(element).css("margin-top", "3px");
                $(element).addClass('event-on-' + event.start.format('YYYY-MM-DD'));
                var wsTitleStyle = 'class="titlelinkConfirm"';
                if(event.autoscheduled){
                    wsTitleStyle = 'class="titlelinkAutoSchd"'; 
                }
                if(event.missed){
                    //if missed change title color
                    wsTitleStyle = 'class="titlelinkMissed"'; 
                }
                var pbSurveyFlag = event.isSurvey ? 2 : 1;
                if(event.title == 'ZZZZXXXYYY'){
                    event.eventBorderColor = '#FFF';
                    var wsMomentDate = event.start.format('YYYY-MM-DD');
                    var new_description ='<br/><a class="alink" href="javascript:calDetails('+ '&#39;'+'audits-appt-day.cfm' + '&#39;'+',500,400,' + '&#39;'+event.encryptedStart +'&#39;' +',' + '&#39;'+ 'dayView' + '&#39;' + ','+'0' +')">'
                + 'Details'  + '</a>' + '&nbsp;&nbsp;&nbsp;&nbsp;'
                + '<a class="alink" href="javascript:calDetails('+ '&#39;'+'audits-mapDay.cfm' + '&#39;'+',800,600,' + '&#39;'+event.encryptedStart +'&#39;' +',' + '&#39;'+ 'dayView' + '&#39;' +',' + '&#39;' + wsMomentDate +'&#39;' +')">'
                + '<strong>Map Day</strong>'  + '</a>'
                ;

                element.append(new_description);
                //do not allow this to be dragged
                event.editable = false; 
                }else{

                if (event.autoscheduled && !event.missed){
                    slink = '<a class="alink" href="javascript:doConfirmCal(' + '&#39;'+ event.auditID+'&#39;'+','+event.eventID+')">Confirm</a>';
                } else if(!event.missed){ 
                    slink = '<a class="alink" href="javascript:popupReDirectEncryptedURL('+ '&#39;'+ 'auditID=' + event.auditID +'&missed='+ event.eventID +'&type=' + pbSurveyFlag+ '&#39;'+',' + '&#39;'+ 'ticket-progress.cfm' +'&#39;' + ','  + '800,500,'+ '&#39;'+'apptLetter' + '&#39;'+')">Missed</a>';
                }
                var new_description =   '<a ' +wsTitleStyle+ ' href="javascript:LoadApptPage(' + event.eventID +',' + pbSurveyFlag +')">'
                    + event.title + '</a><br/><br/>'
                    + '<a class="alink" href="javascript:LoadFlexPage(' + '&#39;' + event.auditID + '&#39;' +',' + '&#39;'+pbSurveyFlag +'&#39;' +')">'
                    + 'View'  + '</a>' + '&nbsp;&nbsp;'
                    + slink
                    + '<br/>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + '<a class="alink" href="admin-timeTracking.cfm?isSurvey=' +pbSurveyFlag+'&auditID=' + event.auditID +'&date='+event.encryptedStart  +'">'
                    + 'Submit Time'  + '</a>' 
                    ;

                element.append(new_description);
                }
            }

Answer 1

我发现它是z-index的问题。 Fullcalendar.css将z-index添加到它的css元素中。所以我补充道现在的位置是：相对于;

并且我的锚标记css上的z-index足够高，这解决了这个问题。

Anchor链接在Week＆amp; FullCalendar中的日视图

1 个答案: