2017-10-21 1 views
0

に週&デイビューで作業していません。これらのリンクは月表示で機能します。しかし、週または日のビューに切り替えると、それらのリンクはクリックできなくなります。 私はここにjsfiddleを入れましたhttps://jsfiddle.net/y8d0v6o3/1/ 月例ビューの投球でコンソールエラーが発生しましたが、それはすべての機能がフィドルにあるわけではないが、リンクがクリックされていることを意味するためです。日/週ビューにはエラーもありません。アンカーリンクは、私がFullCalendar 3.5.1</p> <p>私のイベントは、イベントデータのいくつかのリンクを注入することによって、eventRenderによってレンダリングされているを使用していますFullCalendar

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); 
       } 
      } 

答えて

0

私はz-indexの問題であることがわかりました。 Fullcalendar.cssは、そのcss要素にz-indexを追加します。だから私は postionを追加しました。

と私のアンカータグcssで十分に高いzインデックスが問題を解決しました。

関連する問題

 関連する問題