Javascript 无法访问jquery mobile中的联系人页面_Javascript_Jquery_Html_Jquery Mobile

Javascript 无法访问jquery mobile中的联系人页面

javascript jquery html jquery-mobile

Javascript 无法访问jquery mobile中的联系人页面,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,我发现我的jquery移动应用程序出现了一种奇怪的行为。我不知道会发生什么，因为我在另一个页面中放置了默认结构，无法访问它们。我做了一些测试，问题是： <div id="ctn"> <h3>Find it Us</h3> <section id="gmap"> <script> new GMaps({ div:

我发现我的jquery移动应用程序出现了一种奇怪的行为。我不知道会发生什么，因为我在另一个页面中放置了默认结构，无法访问它们。我做了一些测试，问题是：

<div id="ctn">
        <h3>Find it Us</h3> 
        <section id="gmap">
            <script>
                new GMaps({
                  div: '#map',
                  lat: -34.6117611,
                  lng: -58.4418745
                });

            </script>
        </section>       
        <section id="contact-form">
            <h3>Contact Us</h3>

        </section>
    </div>


找到我们
新gmap({
分区：“#地图”，
lat:-34.6117611，
液化天然气：-58.4418745
});
联系我们

当我单击导航栏（联系人）时：






****

该页面显示预加载和应用程序死亡

页面的整个代码如下所示：

 <!DOCTYPE html>
 <html>
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
 <link rel="stylesheet" href="template/css/mobile.css" />
 <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
 <script src="https://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
 <script src="https://raw.githubusercontent.com/HPNeo/gmaps/master/gmaps.js"></script>
 <title>xa - Contact</title>
 </head>
 <body>
 <div data-role="page" id="contact">
    <header id="header" data-role="header" data-position="fixed">
        <a href="index.html" class="ui-btn ui-icon-carat-l ui-nodisc-icon ui-btn-icon-notext" data-transition="slide">Search</a>    
    <div id="branding">
        <h1>xa</h1>
    </div>
    <a href="#" class="ui-btn ui-icon-home ui-nodisc-icon ui-btn-icon-notext">Home Button</a>       
</header>
 <div data-role="content" id="index" class="ui-content">
    <div id="nheader">
        <h3>Contact</h3>
    </div>
    <div id="ctn">
        <h3>Find it US</h3> 
        <section id="gmap">
            <script>
                new GMaps({
                  div: '#map',
                  lat: -34.6117611,
                  lng: -58.4418745
                });

            </script>
        </section>       
        <section id="Contact-form">
            <h3>Contact Us</h3>

        </section>
    </div>
    <footer data-role="footer" data-position="fixed">
        <p>Copyright 2014 xa.<br /> All rights reserved</p>
    </footer>
</div>
 </div> 
 </body>
 </html>


xa-触点
xa
接触
找到我们
新gmap({
分区：“#地图”，
lat:-34.6117611，
液化天然气：-58.4418745
});
联系我们
版权所有2014 xa.
保留所有权利

谢谢你的帮助。谢谢

由于缺少google map api，出现了一些脚本错误，根据您的标记和脚本，页面应该有一个id为“map”的div

这是js邮箱：


xa-触点
xa
接触
找到我们
这里是测试地图
新gmap({
分区：“#地图”，
lat:-34.6117611，
液化天然气：-58.4418745
});
$（“地图”）。宽度（“99%”）。高度（“20em”）；
联系我们
版权所有2014 xa.
保留所有权利

添加我尝试过但什么都没有，这真是奇怪的行为！我修好了。首先，这不是CDN：

 <!DOCTYPE html>
 <html>
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
 <link rel="stylesheet" href="template/css/mobile.css" />
 <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
 <script src="https://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
 <script src="https://raw.githubusercontent.com/HPNeo/gmaps/master/gmaps.js"></script>
 <title>xa - Contact</title>
 </head>
 <body>
 <div data-role="page" id="contact">
    <header id="header" data-role="header" data-position="fixed">
        <a href="index.html" class="ui-btn ui-icon-carat-l ui-nodisc-icon ui-btn-icon-notext" data-transition="slide">Search</a>    
    <div id="branding">
        <h1>xa</h1>
    </div>
    <a href="#" class="ui-btn ui-icon-home ui-nodisc-icon ui-btn-icon-notext">Home Button</a>       
</header>
 <div data-role="content" id="index" class="ui-content">
    <div id="nheader">
        <h3>Contact</h3>
    </div>
    <div id="ctn">
        <h3>Find it US</h3> 
        <section id="gmap">
            <script>
                new GMaps({
                  div: '#map',
                  lat: -34.6117611,
                  lng: -58.4418745
                });

            </script>
        </section>       
        <section id="Contact-form">
            <h3>Contact Us</h3>

        </section>
    </div>
    <footer data-role="footer" data-position="fixed">
        <p>Copyright 2014 xa.<br /> All rights reserved</p>
    </footer>
</div>
 </div> 
 </body>
 </html>

<!DOCTYPE html>
 <html>
 <head>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
 <link rel="stylesheet" href="template/css/mobile.css" />
 <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
 <script src="https://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"></script>
      <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
 <script src="https://raw.githubusercontent.com/HPNeo/gmaps/master/gmaps.js"></script>

 <title>xa - Contact</title>
 </head>
 <body>
   <div data-role="page" id="contact">
    <header id="header" data-role="header" data-position="fixed">
        <a href="index.html" class="ui-btn ui-icon-carat-l ui-nodisc-icon ui-btn-icon-notext" data-transition="slide">Search</a>    
    <div id="branding">
        <h1>xa</h1>
    </div>
    <a href="#" class="ui-btn ui-icon-home ui-nodisc-icon ui-btn-icon-notext">Home Button</a>       
</header>
 <div data-role="content" id="index" class="ui-content">
    <div id="nheader">
        <h3>Contact</h3>
    </div>
    <div id="ctn">
        <h3>Find it US</h3> 
        <div id="map">Test Map Here</div>
        <section id="gmap">
          <script>
                new GMaps({
                  div: '#map',
                  lat: -34.6117611,
                  lng: -58.4418745
                });
                $("#map").width("99%").height("20em");
            </script>
        </section>       
        <section id="Contact-form">
            <h3>Contact Us</h3>

        </section>
    </div>
    <footer data-role="footer" data-position="fixed">
        <p>Copyright 2014 xa.<br /> All rights reserved</p>
    </footer>
</div>
 </div> 
 </body>
 </html>