2

我正在为 Ipad 开发一个 HTML5 应用程序。

我添加了元标记：

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

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

请帮我修复它。

4

1 回答 1

0

我建立了答案：

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

    $jx(document).delegate("a:not(.modalwin)", "click", function(event){
    window.location=this.getAttribute("href");
    return false;
    });
于 2012-11-06T18:21:03.823 回答