2016-12-28 8 views
0

ASP.NET MVC에서 jquery fullcalendar을 사용하고 있습니다.jquery fullcalendar 다음에 사용자 지정 하이퍼 링크 추가 매일 하이퍼 링크를 클릭하면 막기/방지 방지

성공적으로 구현했지만 매일 일정로드 후 하이퍼 링크를 표시하고 싶습니다.

나뿐만 아니라 링크를 설정했지만 나는 또한 내가 불 dayclick 이벤트가 아닌 하이퍼 링크를 클릭 링크를 클릭 할 때뿐만 아니라 dayClick 이벤트를 수행했기 때문에 나는 그것을 클릭 할 때 나는 문제가있어.

dayclick 이벤트가 아닌 해당 링크를 클릭하면 새 탭을 열려고합니다.

어떻게해야합니까?

누구나 완료되면이 문제를 해결할 수 있습니다.

미리 감사드립니다. 여기

Code sample입니다 : 다음

업데이트 된 게시물 당으로 enter image description here

+0

사용 [event.stopPropagation()] (https://api.jquery.com/event.stoppropagation/) – anu

+0

는 내가 각각 사용한 앵커 태그에 제공해야 일? –

+0

해당 링크의 클릭 핸들러에서 가능합니다. – anu

답변

1

과 의견이 거품에 귀하의 링크에 클릭 이벤트를 방지 할 수

$(document).on('click','.schedulelink',function(e){ 
    e.stopPropagation(); 
}); 

DEMO

이 작동합니다 부모까지

보다 약 stopPropagation() here

참고 읽기 : 나는, 적절한 부모 대신 경고를 표시합니다 상자에서이 데모 클릭 .IN보다 약 on()

DEMO 을 읽고, 예를 들어 선택에 document을 추가했지만 클릭 에 대한 링크가 새 탭으로 열립니다.

편집 : 사용자 환경에서 작동하지 않으므로 (알아야하는 이유로) 대체 방법이 있습니다. 귀하의 dayClick 처리기에서 대상 요소를 확인하고 해당 작업을 기반으로 작업을 수행하십시오.

dayClick: function(date, allDay, jsEvent, view) { 
    if (!$(jsEvent.target).hasClass('schedulelink')) { 
    //do your task 
    } 
} 

DEMO

+0

나쁘다는 말은 아니다. 하이퍼 링크를 클릭하면 새 탭에서 페이지를 열려고한다. 위의 코드 때문에 열지 못하는 탭을 열지 않는다. 그리고 나는 dayClick을 트리거하고 싶지 않다. 이벤트도 하이퍼 링크를 클릭하면 –

+0

수정 된 데모를 확인하십시오. 코드에 다른 오류가있을 수 있습니다. 콘솔을 확인하고 링크를 클릭 할 때 오류가 발생했습니다. 일부 console.log() '함수에서 내가 게시하고 있는지 확인합니다. – anu

+0

예. 정확히 내가 원했던 것과 똑같습니다. 약간의 설명으로 이벤트를 다시 트리거하지 않은 이유를 설명해 주시겠습니까? –