Question

我们正在使用此代码：

    <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>

什么是最佳解决方案，以便我们可以在移动网站上使用app banner，并使用jquery mobile设计我们的移动网站不会崩溃。

提前致谢。

Answer 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>

Smart App Banner无法使用jQuery Mobile

1 个答案: