jquery - iPad 应用程序中的 fancybox

Question

我正在为 iPad 开发 HTML5 应用程序。

我添加了元标记:

<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");
});​

请帮我解决这个问题。

Answer 1

我找到了答案:

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

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