錨鏈接不周和日視圖工作在FullCalendar

我使用FullCalendar 3.5.1錨鏈接不周和日視圖工作在FullCalendar

我的活動被注入的事件數據的一些鏈接，通過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); 
       } 
      }

來源

2017-10-21 CFML_Developer

我發現它是z-index的問題。 Fullcalendar.css將z-index添加到它的CSS元素。所以我加了 postion：relative;

和z-index足夠高我的錨標記CSS並解決了問題。

來源

2017-10-22 13:58:13

錨鏈接不周和日視圖工作在FullCalendar

回答

相關問題