Question

我正在为网页制作信用卡信息表单，我在网上找到的脚本只能与Safari一起制作我想要的风格。

这是我复制并粘贴到我的html头部的内容：

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">


  <!-- Start BounceX tag. Deploy at the beginning of document head. -->
        <script>
        (function(d) {
            var e = d.createElement('script');
            e.src = d.location.protocol + '//bounceexchange.com/tag/426/i.js';
            e.async = true;
            d.getElementsByTagName("head")[0].appendChild(e);
        }(document));
        </script>
<!-- End BounceX Tag-->

    <!--Optimizely  -->
  <script src="//cdn.optimizely.com/js/191337197.js"></script>


  <!-- ClickTale Top part -->
<script type='text/javascript'>
    document.write(unescape("%3Cscript%20src='" +
                            (document.location.protocol == 'https:' ?
                            'https://clicktalecdn.sslcs.cdngc.net/' :
                            'http://cdn.clicktale.net/') +
                            "www11/phc/e9344b9e-32db-42a2-989b-468e39690d0a.js'%20type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- ClickTale end of Top part -->

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

http://jsfiddle.net/gxyhkd3j/

以下是Safari与Chrome的相似之处。

我想要的，在Safari中：http：//imgur.com/dOl03G1

我在Chrome中获得的内容：http：//imgur.com/nYwAcMO

Answer 1

您应该只将它放在标题中。只有一个jquery，一个jquery mobile和一个jquery mobile css。您使用了重复项，并且会出现冲突问题。

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

无法让我的脚本标签在我的html页面中运行

1 个答案: