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 に答える