当前位置： 移动技术网 > IT编程>开发语言>JavaScript > div 旋转后 控件点击无效

div 旋转后 控件点击无效

2020年07月14日  | 移动技术网IT编程  | 我要评论

移动端面板 旋转后 控件点击无效

在这里插入图片描述

解决思路
在这里插入图片描述

// 添加echarts外壳节点, 解决移动端横屏按钮点击无效问题，假如是移动端横屏时添加多一次iframe
function addChartBox(box, containerId, fn) {
    // 点击显示大屏的情况
    var canvasContainer = $("<div id='" + containerId + "_chart' style='width: 100%;height: 100%;'></div>");
    if (containerId === 'chart_detail') {
        var h = $('#chart_detail').height();
        var w = $('#chart_detail').width();
        var iframe = $('<iframe name="myIframe" id="myIframe" style="width:100%;height: 100%;border: none;position: absolute; z-index: -1" scrolling="no"> </iframe>');
        box.append(iframe);
        // 等待iframe加载完后再添加节点
        iframe.ready(function () {
            var iframeDocument = iframe.contents();
            iframeSyncLink(iframeDocument);
            iframeDocument.find('body').append(canvasContainer).css({width: '100%', height: '100%', margin: '0px'});
            canvasContainer.height(h);
            canvasContainer.width(w);
            fn && fn(canvasContainer)
        })
    } else {
        box.append(canvasContainer);
        fn && fn(canvasContainer)
    }
    //return canvasContainer;
}

本文地址：https://blog.csdn.net/zhengshaofeng1/article/details/107312038

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网