외부 라이브러리의 버튼에 이벤트 할당

버튼을 누를 때마다 알림 메시지 창이 팝업 될 확률이 매우 높습니다. alertify 팝업 알림은 javascript Alert 대신에 내가 사용하는 것입니다. 더 좋은 디자인을 얻기 위해서입니다.외부 라이브러리의 버튼에 이벤트 할당

enter image description here

내가 OK 버튼에 이벤트를 할당 할 : 여기

Alertify library

그리고

은 현재 상황의 스크린 샷이다. Google 크롬에서 "inspect element"기능을 사용할 때이 녹색 확인 버튼에는 "alertify-ok"라는 ID가 있으므로이 버튼을 누르면 이벤트를 할당하려고합니다.

$("#alertify-ok").on("click",function() {alert("finally");});

을하지만 아무 반응이 없습니다 :

나는 스크립트 부분에 내 HTML 문서에이 부분을 추가하는 시도했습니다. 이 기능이 필요한 이유는 OK 버튼을 누른 직후에 YouTube 팝업 모드가 나타나야하기 때문입니다. 오류가 발생하는 이유는 HTML로 알림 창을 외부 라이브러리에서 가져온 것이므로 어떻게해야합니까?

출처

2014-10-04 Ruben Ravnå

당신이해야 'iframe'내에 포함되어 있지 않으면 외부 라이브러리에서도 단추 요소에 액세스 할 수 있어야합니다. 경고가 'iframe'을 생성하는지 확인할 수 있습니까? –

또한이 클릭 이벤트를 언제 등록합니까? 이벤트를 등록 할 때 버튼이 없으면 작동하지 않습니다. –

문서 준비 조항이 필요합니다. – ArtOfCode

경고 및 기타는 생성시 콜백 함수 (https://github.com/alertifyjs/alertify.js/blob/0.3.12/src/js/alertify.js#L608)를 사용합니다. 다른 이벤트 리스너를 연결할 필요가 없습니다. 단지 원하는 이벤트 리스너를 실행하기 만하면됩니다. 예를 들어 아래 :

이

alertify.alert("alerttext", function(e) { 
    functionIWantToCall(); 
});

출처

2014-10-04 21:48:28 Lbatson

Okey, 그래서 쓸 수 있습니다 : alertify.alert ("alerttext", functionIWantToCall())? –

예, 정확합니다. – Lbatson

죄송합니다. 실제로 테스트를 해본 결과 위의 예와 같이 수정 된 답변이 필요합니다. – Lbatson

당신은 당신이 알고있는 요소에 이벤트를 넣을 수 있습니다 (이하 "몸"과 같은)가 이미 존재하고 원하는 요소를 클릭 할 경우에만 트리거를 지정

$(" body").on({ 
    click: function() {... 
    } 
}, "#trigger");

출처

2014-10-04 21:57:53 OryanM

외부 라이브러리의 버튼에 이벤트 할당

답변

관련 문제