Googleカレンダーフィードを使用しているときにFullCalendarでイベントリンクを無効にするにはどうすればよいですか？

Question

私はFullCalendarライブラリを使用して、Googleカレンダーからカレンダーの予定を読み込んでいます。 イベントはカレンダーに追加された後、クリック可能です。イベントをクリックすると、Googleカレンダーのページに自動的にリダイレクトされ、その特定のイベントを表示したり、アクセス権を獲得している場合は直接編集したりできます。 これはイベント管理には非常に便利ですが、カレンダーでイベントをクリックするたびにサイト訪問者が外部ページにリダイレクトされる理由を想像できません。

FullCalendarの「クリックして開く」を無効にする方法はありますか？空のJavaScript関数呼び出しを開くリンクを上書きすることもオプションになります。

Answer 1

fullcalendarオプションで独自のイベントレンダラを試みる価値があるかもしれません：

{ eventRender:function (event, element)} 

はこれを行うには、あなたがレンダリングコードを自分のすべてを記述する必要があります - 必要に応じて元の実装を開始し、微調整することができます。
Googleカレンダーの実装は試していませんが、必要に応じてカスタムjsonでhrefをオンまたはオフにしています。

gcal.jsファイルをハッキングして、イベントオブジェクトのhrefプロパティを設定しないようにすることができます。
または
レンダリング前にイベントデータをインターセプトし、hrefプロパティを削除します。

Answer 2

編集ファイルが

events.push({ 
    id: entry['gCal$uid']['value'], 
    title: entry['title']['$t'], 
    //url: url, 
    start: start, 
    end: end, 
    allDay: allDay, 
    location: entry['gd$where'][0]['valueString'], 
    description: entry['content']['$t'] 

削除行gcal.js：url: url,

Answer 3

を私はsites/all/modules/fullcalendar でfullcalendar.fullcalendar.jsファイルを編集し、同様に17にライン12をコメントアウト：

var options = { 
     eventClick: function (calEvent, jsEvent, view) { 
     /* if (settings.sameWindow) { 
      window.open(calEvent.url, '_self'); 
     } 
     else { 
      window.open(calEvent.url); 
     } */ 
     return false; 
     }, 

Answer 4

FullCalendarウェブサイトのドキュメントは、コールバック関数 'eventClick'を参照しています。

http://arshaw.com/fullcalendar/docs/mouse/eventClick/

イベントオブジェクトにurlプロパティが設定されている場合、falseを返すと、ブラウザはイベントURLにアクセスできなくなります。だから、あなたはintialiseときFullCalendarは

$('#calendar').fullCalendar({ 
    eventClick: function(event) { 
     if (event.url) { 
      return false; 
     } 
    } 
}); 

Answer 5

古い質問...の線に沿って何かをeventClickコールバック関数を追加しますが、ここで私はそれを「固定」方法です。

eventRender: function(event, element) { 
    element.on('click', function (e) { 
     e.preventDefault(); 
    }); 
} 

これが最も可能性が高いあなたがそれをクリックすると、イベントを編集するフォームを開くように、他のクリック動作を実装するからあなたを防ぐことができます。

元のライブラリを製作中は非常に悪いの提案ですので、あなたが働くかもしれない。この

eventRender: function(event, element) { 
    element.on('click', function (e) { 
     if (element.closest('.your-gcalendar-class-name').length > 0) { 
      e.preventDefault(); 
     } 
    }); 
} 

ようにそれをしたいかもしれないGoogleカレンダーのイベント...