2012-11-06 80 views
2

我正在为iPad的HTML5开发一个应用程序。fancybox在ipad应用程序

我加入了元标记:

<meta name="apple-mobile-web-app-capable" content="yes" /> 

不过的fancybox不行,因为这在自窗口(黑色窗口)打开。

的的fancybox代码:

jQuery.noConflict(); 
var $js = jQuery; 

$js(document).ready(function() { 

    $js(".modalwin").fancybox({ 
     width: 980, 
     height: 600, 
     maxWidth: 980, 
     maxHeight: 600, 
     fitToView: false, 
     autoSize: false, 
     closeClick: false, 
     openEffect: 'fade', 
     closeEffect: 'fade', 
     type: 'iframe', 
     margin: 0, 
     padding: 5, 
     openSpeed: 'fast', 
     closeSpeed: 'fast', 
     scrolling: 'no', 
     helpers: { 
      title: { 
       type: 'outside' 
      }, 
      overlay: { 
       css: { 
        'background': 'rgba(0,0,0,0.9)' 
       } 
      } 
     }, 
     beforeShow: function() { 
      $js(".fancybox-skin").css("backgroundColor", "#D84B04"); 
     } 
    }) 
}); 

,并防止我用一个空白页以外的应用程序中打开链接:

jQuery.noConflict(); 
var $jx = jQuery; 

$jx(document).on("click", "a", function(event) { 
    event.preventDefault(); 
    location.href = $jx(event.target).attr("href"); 
});​ 

请帮我解决这个问题。

+0

什么是你想实现与第二个脚本'$ JX(文件)。在(“点击”'你试过没有它...有一个链接? – JFK

回答

0

我创立了?答:

jQuery.noConflict(); 
    var $jx = jQuery; 

    $jx(document).delegate("a:not(.modalwin)", "click", function(event){ 
    window.location=this.getAttribute("href"); 
    return false; 
    }); 
+0

在这种情况下'$ jx(document).on(“click”,“a:not(.modalwin)”,...'会做得更好(尽管需要jQuery 1.7+) – JFK