Smart-App Banner nicht mit jQuery Mobile arbeiten

Question

Wir verwenden diesen Code:

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

aber es nicht funktioniert und wir sind nicht in der Lage Banner auf mobile Website zu sehen.

So haben wir Änderungen wie diese gemacht und in der Lage, Banner oben zu sehen, aber CSS von Jquery Tasten auf unserer Website zerbrach und alles Design sieht schlecht aus.

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

Was ist die beste Lösung, damit wir App-Banner auf unserer mobilen Website und das Design unserer mobilen Website mit Jquery Handy nicht brechen verwenden.

Vielen Dank im Voraus.

Answer 1

Bei weitem, diese am besten zu arbeiten. einfach, ordentlich und konfigurierbar.

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

Sie fügen Sie einfach Ihre <meta> Tags wie:

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

dann Verweise auf JS hinzufügen und CSS Dateien

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