2

我们正在使用此代码：

    <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 设计我们的移动网站不会中断。

提前致谢。

4

1 回答 1

1

到目前为止，我发现这个最适合使用。简单，整洁且可配置。

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-11T09:42:42.977 回答