클릭시 ouibounce.js 모달을 실행할 수 없습니다.

Question

윈도우가있는 기존 창이나 링크를 클릭하는 모달 창으로 페이지를 설정하려고합니다.

출구에 발사하는 것은 Ouibounce를 사용 괜찮 다음 Ouibounce API에 대한 http://carlsednaoui.github.io/ouibounce/

문서가 나는 또한 클릭을 통해 모달을 발사 할 수 있어야한다 제안한다.

나는 그것을 #modal_button의 ID를주고, 위의 예에있는 링크를 변경하지만 난 창 화재 얻을 수 없습니다

// if you want to use the 'fire' or 'disable' fn, 
    // you need to save OuiBounce to an object 
    var _ouibounce = ouibounce(document.getElementById('ouibounce-modal'), { 
    aggressive: true, 
    timer: 0, 
    callback: function() { console.log('ouibounce fired!'); } 
    }); 


    $('#modal_button').on('click', function() { 
    $('#ouibounce-modal').fire(); 
    }); 



    $('body').on('click', function() { 
    $('#ouibounce-modal').hide(); 
    }); 


    $('#ouibounce-modal .modal-footer').on('click', function() { 
    $('#ouibounce-modal').hide(); 
    }); 

    $('#ouibounce-modal .modal').on('click', function(e) { 
    e.stopPropagation(); 
    }); 

내가 여기 jsfiddle을 설정 같은 작업을 수행 맡은 일. http://jsfiddle.net/fr7k3s6f/

당신은에 불() 함수를 호출하는 개체의 _ouibounce를 사용할 필요가

Answer 1

(일부 이유 jsfiddle에서 작동하지 않는 신체 이벤트에서 '숨기기 "에 대한) :

_ouibounce.fire(); 

그리고 jQuery 개체가 아닙니다. jQuery.ready()에서 정의하면 전역 개체 여야하기 때문에 "var"전에는 사용할 수 없습니다. 그러나 현재 버전 (0.0.10)의 버그라고 생각합니다.).

이 정보가 도움이 되었기를 바랍니다.