플래시에서 jQuery 함수 호출

Question

액션 스크립트에서 ExternalInterface.call() 메서드를 사용하여 플래시에서 외부 JS 함수를 호출하려고합니다. 이 함수는 jQuery로 작성된 모달 윈도우를 열어야한다. 내 문제는 두 가지입니다.

1. 링크에 동작을 첨부하지 않고이 모달 창을 어떻게 열 수 있습니까? 창을 열고 URL을 전달하기 만하면됩니다.
2. 더 좋은 방법이 있나요?

(. 코드 아래 - 나는 단지와 관계있는 기능을 포함하는 경우 더 필요한 경우, 알려주세요)

ActionScript를

import flash.external.ExternalInterface; 

function openMapWindowLink(thingName):Void { 
    ExternalInterface.call("openMapWindow",locationURL); 
} 

jQuery를 :

// Add the action to a link (this works) 
function initAjaxPopups() { 
    $('.ajax-popup').simpleLightbox({ 
     closeLink:'a.btn-close, a.close-popup', 
     faderOpacity: 0.7, 
     faderBackground: '#000', 
     href:true, 
     onClick: null 
    }); 
} 

// Open the lightbox from flash with url (not working correctly) 
function openMapWindow(locationURL) { 
    //alert('Clicked '+locationURL); 
    $simpleLightbox({ 
     closeLink:'a.btn-close, a.close-popup', 
     faderOpacity: 0.7, 
     faderBackground: '#000', 
     href:locationURL, 
     onClick: null 
    }); 

} 

/* ajax lightbox plugin */ 
jQuery.fn.simpleLightbox = function(_options){ 
    var _options = jQuery.extend({ 
     lightboxContentBlock: '.lightbox', 
     faderOpacity: 0.8, 
     faderBackground: '#ffffff', 
     closeLink:'a.close-btn, a.cancel', 
     href:true, 
     onClick: null 
    },_options); 


    var _popupCounter = 1; 

    return this.each(function(i, _this){ 
     var _this = jQuery(_this); 
     if (!_options.href) 
      _this.lightboxContentBlock = _options.lightboxContentBlock; 
     else _this.lightboxContentBlock = _this.attr('href'); 
     if (_this.lightboxContentBlock != '' && _this.lightboxContentBlock.length > 1) { 
      _this.faderOpacity = _options.faderOpacity; 
      _this.faderBackground = _options.faderBackground; 
      _this.closeLink = _options.closeLink; 
      var _fader; 
      var _lightbox = $(_this.lightboxContentBlock); 
      if (!jQuery('div.lightbox-fader').length) 
       _fader = $('body').append('<div class="lightbox-fader"></div>'); 

      _fader = jQuery('div.lightbox-fader'); 
      _lightbox.css({ 
       'zIndex':999 
      }); 
      _fader.css({ 
       opacity:_this.faderOpacity, 
       backgroundColor:_this.faderBackground, 
       display:'none', 
       position:'absolute', 
       top:0, 
       left:0, 
       zIndex:998, 
       textIndent: -9999 
      }).text('&nbsp;'); 
      _lightbox.shownFlag = false; 
      _this.click(function(){ 
       if (jQuery.isFunction(_options.onClick)) { 
        _options.onClick.apply(_this); 
       } 

       var _popupURL = _this.attr('href'); 
       if(jQuery('div[rel*="'+_popupURL+'"]').length == 0) { 
        $.ajax({ 
         url: _popupURL, 
         global: false, 
         type: "GET", 
         dataType: "html", 
         success: function(msg){ 
          // append loaded popup 
          _lightbox = $(msg); 
          _lightbox.attr('rel',_popupURL).css({ 
           zIndex:999, 
           position:'absolute', 
           display:'block', 
           top: -9999, 
           left: -9999 
          }); 
          _lightbox.attr('id','ajaxpopup'+_popupCounter); 
          jQuery('body').append(_lightbox); 

          // init js for lightbox 
          if(typeof initPopupJS == "function"){ 
           initPopupJS(_lightbox); 
          } 
          _popupCounter++; 

          // attach close event 
          jQuery(_this.closeLink, _lightbox).click(function(){ 
           _lightbox.fadeOut(400, function(){ 
            _fader.fadeOut(300); 
            _scroll = false; 
           }); 
           return false; 
          }); 

          // show lightbox 
          _lightbox.hide(); 
          _lightbox.shownFlag = true; 
          jQuery.fn.simpleLightbox.positionLightbox(_lightbox); 
          _fader.fadeIn(300, function(){ 
           _lightbox.fadeIn(400); 
           jQuery.fn.simpleLightbox.positionLightbox(_lightbox); 
           if(typeof VSA_handleResize === 'function') { 
            VSA_handleResize(); 
           } 
          }); 
         }, 
         error: function(msg){ 
          alert('ajax error'); 
          return false; 
         } 
        }); 
       } else { 
        _lightbox = jQuery('div[rel*="'+_popupURL+'"]'); 
        _lightbox.hide(); 
        _lightbox.shownFlag = true; 
        jQuery.fn.simpleLightbox.positionLightbox(_lightbox); 
        _fader.fadeIn(300, function(){ 
         _lightbox.fadeIn(400); 
         jQuery.fn.simpleLightbox.positionLightbox(_lightbox); 
         if(typeof VSA_handleResize === 'function') { 
          VSA_handleResize(); 
         } 
        }); 
       } 
       return false; 
      }); 
      jQuery(_this.closeLink).click(function(){ 
       _lightbox.fadeOut(400, function(){ 
        _fader.fadeOut(300); 
        _scroll = false; 
       }); 
       return false; 
      }); 
      _fader.click(function(){ 
       _lightbox.fadeOut(400, function(){ 
        _fader.fadeOut(300); 
       }); 
       return false; 
      }); 
      var _scroll = false; 
      jQuery.fn.simpleLightbox.positionLightbox = function (_lbox) { 
       if(!_lbox.shownFlag) return false; 
       var _height = 0; 
       var _width = 0; 
       var _minWidth = $('body > div:eq(0)').outerWidth(); 
       if (window.innerHeight) { 
        _height = window.innerHeight; 
        _width = window.innerWidth; 
       } else { 
        _height = document.documentElement.clientHeight; 
        _width = document.documentElement.clientWidth; 
       } 
       var _thisHeight = _lbox.outerHeight(); 
       var _page = $('body'); 
       if (_lbox.length) { 
        if (_width < _minWidth) {_fader.css('width',_minWidth);} else {_fader.css('width','100%');} 
        if (_height > _page.innerHeight()) _fader.css('height',_height); else _fader.css('height',_page.innerHeight()); 
        if (_height > _thisHeight) { 
         if ($.browser.msie && $.browser.version < 7) { 
          _lbox.css({ 
           position:'absolute', 
           top: (document.documentElement.scrollTop + (_height - _thisHeight)/2)+"px" 
          }); 
         } else { 
          _lbox.css({ 
           position:'fixed', 
           top: ((_height - _lbox.outerHeight())/2)+"px" 
          }); 
         } 
        } 
        else { 
         var _fh = parseInt(_fader.css('height')); 
         if (!_scroll) { 
         if (_fh - _thisHeight > parseInt($(document).scrollTop())) { 
           _fh = parseInt($(document).scrollTop()) 
           _scroll = _fh; 
          } else { 
           _scroll = _fh - _thisHeight; 
          } 
         } 
         _lbox.css({ 
          position:'absolute', 
          top: _scroll 
         }); 
        } 
        if (_width > _lbox.outerWidth()) _lbox.css({left:((_width - _lbox.outerWidth())/2 + 10) + "px"}); 
        else _lbox.css({position:'absolute',left: 0}); 
       } 
      } 

      jQuery(window).resize(function(){ 
       if (_lightbox.is(':visible')) 
        jQuery.fn.simpleLightbox.positionLightbox(_lightbox); 
      }); 
      jQuery(window).scroll(function(){ 
       if (_lightbox.is(':visible')) 
        jQuery.fn.simpleLightbox.positionLightbox(_lightbox); 
      }); 

      jQuery.fn.simpleLightbox.positionLightbox(_lightbox); 
       $(document).keydown(function (e) { 
       if (!e) evt = window.event; 
       if (e.keyCode == 27) { 
        _lightbox.fadeOut(400, function(){ 
         _fader.fadeOut(300); 
        }); 
       } 
      }); 
     } 
    }); 
} 

Answer 1

이 나던 일이 당신이 라이트 박스 플러그인 소스를 변경할 수 있지만, 나중에 새 버전으로 업데이트하려면이 귀찮은 수 있다면 링크가 아닌 뭔가를 부착 라이트 박스가

$.simpleLightbox({...}) // with the "." after $ 

을해야합니다.

이

작업을해야 그 해결 방법입니다 : '.'

<a class="hidden" id="dummylink" href="#">&nbsp</a> 

//on ready 
$('#dummylink').simpleLightbox({...}); 


function openMapWindow(locationURL) { 
    $("#dummylink").attr("href", locationURL).trigger('click'); 
}