智能应用横幅不能与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的

回答

相关问题