智能應用橫幅不能與jQuery Mobile的

工作，我們正在使用此代碼：智能應用橫幅不能與jQuery Mobile的

<meta name="apple-itunes-app" content="app-id=1234"/> 
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script> 
    <script type="text/javascript" src="jquery.mobile-1.2.0.min.js"></script> 
    <meta name="google-play-app" content="app-id=abc.mobileapp"> 
    <link rel="stylesheet" href="css/jquery.smartbanner.css" type="text/css" media="screen"> 

    <script src="jquery.smartbanner.js"></script> 
    <script type="text/javascript"> 
     var jQuery_1_3_2 = $.noConflict(true); 
    </script> 
    <script type="text/javascript"> 
     jQuery_1_3_2(function() { jQuery_1_3_2.smartbanner() }) 
    </script>

但它不工作，我們是不是能夠看到移動網站的一面旗幟。

所以我們做了這樣的改變，並且能夠在頂部看到橫幅，但是我們網站上的jquery按鈕的css分手了，所有的設計都看起來很糟糕。

<meta name="apple-itunes-app" content="app-id=1234"/> 
    <script type="text/javascript" src="jquery.mobile-1.2.0.min.js"></script> 
    <meta name="google-play-app" content="app-id=abc.mobileapp"> 
    <link rel="stylesheet" href="css/jquery.smartbanner.css" type="text/css" media="screen"> 
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script> 

    <script src="jquery.smartbanner.js"></script> 
    <script type="text/javascript"> 
     var jQuery_1_3_2 = $.noConflict(true); 
    </script> 
    <script type="text/javascript"> 
     jQuery_1_3_2(function() { jQuery_1_3_2.smartbanner() }) 
    </script>

什麼是最好的解決方案，所以我們可以在我們的移動網站，並使用jQuery Mobile的不會打破我們的移動網站的設計中使用的應用程序的一面旗幟。

在此先感謝。

來源

2016-05-12 Sheeraz

到目前爲止，這一個我發現最好的合作。簡單，整潔和可配置。

https://github.com/ain/smartbanner.js

你只需要添加像你<meta>標籤：

<meta name="smartbanner:title" content="Smart Application"> 
<meta name="smartbanner:author" content="SmartBanner Contributors">

那麼你引用添加到JS和CSS文件

<link rel="stylesheet" href="path/to/component/dist/smartbanner.min.css"> 
<script src="path/to/component/dist/smartbanner.min.js"></script>

來源

2017-12-11 09:42:42

智能應用橫幅不能與jQuery Mobile的

回答

相關問題