我的jQuery函数无法在移动设备上的Google Chrome浏览器上运行

时间:2018-11-28 11:05:50

标签: wordpress jquery-mobile

我编写了一项功能,该功能必须在Wordpress内置的网站上运行,以显示Facebook Messenger聊天或链接(如果在移动设备上将使我转至Messenger应用程序)。

我已经在台式机上的Chrome和FireFox上测试了该功能,并且可以正常工作。 但是,在移动设备上,它仅适用于Firefox和设备的默认浏览器,而不适用于Chrome。

下面,我输入涉及的代码部分。

<style>
.fb_reset {
    display: none;
}
.campaign-alert {
    display: none;
    position: fixed;
    bottom: 18px;
    right: 18px;
    z-index: 100000;
}

<div id="fb-root" class="fb_reset">fb-chat</div>

<div id="campaign-alert" class="campaign-alert">fb-link</div>

<script type="text/javascript">
jQuery(window).on('load',function () {
    if (jQuery(window).width() < 990) {
        let script = document.createElement('script');
        script.src = "control facebook login";
        document.head.append(script);
        script.onload = function myFunction1() {
            document.getElementById('campaign-alert').style.display = 'none';
            document.getElementById('fb-root').style.display = 'block';
        }
        script.onerror = function myFunction2() {
            document.getElementById('fb-root').style.display = 'none';
            document.getElementById('campaign-alert').style.display = 'block';
        }
    }
    else {
        let script = document.createElement('script');
        script.src = "control facebook login";
        document.head.append(script);
        script.onload = function myFunction1() {
            document.getElementById('campaign-alert').style.display = 'none';
            document.getElementById('fb-root').style.display = 'block';
        }
        script.onerror = function myFunction2() {
            document.getElementById('campaign-alert').style.display = 'none';
            document.getElementById('fb-root').style.display = 'block';
        }          
    }    
});

0 个答案:

没有答案