链接到JQuery Mobile Pages

时间：2016-10-07 11:46:43

标签： jquery html jquery-mobile

下午好，我正在尝试通过Jquery创建一个移动网络应用程序，我正在尝试链接页脚中的页面。

我想我已经通过观看教程视频正确编码了它，如果我没有，我知道它会变成愚蠢的东西，我已经忘记了。

TableViewController

4 个答案:

答案 0 :(得分：0)

有一些重叠和未封闭的标签。 另外，如果可能，请不要使用过时的jquery库。 也许这样的事情应该会有所帮助：

＆＃13;
＆＃13; 
var result = client.Count<ElasticsearchProject>();
＆＃13;
＆＃13;
＆＃13;

答案 1 :(得分：0)

您错过了很多</div>代码。代码的修正版本如下：

<!DOCTYPE html> 
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Mobile Web App</title>
<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.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head> 

<body> 

<div data-role="page" id="page">
	<div data-role="headerimg">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
	</div>
    
  <div data-role="content">
    
   	
    <a href="#page" data-role="button" data-icon="plus">Home</a>
    <a href="#page2" data-role="button" data-icon="plus">Tickets</a>
	<a href="#page3" data-role="button" data-icon="plus">Shop</a>
	<a href="#page4" data-role="button" data-icon="plus">Photos</a>
    <a href="#page5" data-role="button" data-icon="plus">Join Us</a>
	<a href="#page6" data-role="button" data-icon="plus">More</a>
	
    </div><!-- footer -->
	</div>

<div data-role="page" id="page2">
	<div data-role="header">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
		<H1>TICKETS</H1>
	</div>
    
	<div data-role="content">	
		Content		
	</div>
		<div data-role="footer" data-position="fixed">
	
    	</div><!-- footer -->

		
	</div>


<div data-role="page" id="page3">
	<div data-role="header">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
        <H1>SHOP</H1>
		</div>
	<div data-role="content">	
		Content		
	</div>
	
    <div data-role="footer" data-position="fixed">
    
    </div><!-- footer -->
	</div>

<div data-role="page" id="page4">
	<div data-role="header">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
        <H1>PHOTOS</H1>
		</div>
<div data-role="content">	
		Content		
</div>

	<div data-role="footer" data-position="fixed">
    </div><!-- footer -->
	</div>


<div data-role="page" id="page5">
	<div data-role="header">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
        <H1>JOIN US</H1>
		</div>
<div data-role="content">	
		Content		
	</div>
	
    <div data-role="footer" data-position="fixed">
    </div><!-- footer -->
</div>

<div data-role="page" id="page6">
	<div data-role="header">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
        <H1>MORE</H1>
		</div>
	<div data-role="content">
	  <ul data-role="listview">
	    <li><a href="#">About<span class="ui-li-count"></span></a></li>
	    <li><a href="#">Tickets<span class="ui-li-count"></span></a></li>
	    <li><a href="#">Facebook<span class="ui-li-count"></span></a></li>
	    <li><a href="#">Twitter<span class="ui-li-count"></span></a></li>
	    <li><a href="#">Instagram<span class="ui-li-count"></span></a></li>
	    <li><a href="#">Email<span class="ui-li-count"></span></a></li>
      </ul>	
				
	</div>
		
        <div data-role="footer" data-position="fixed">
		</div><!-- footer -->
        </div>
</body>
</html>

答案 2 :(得分：0)

尝试一次

＆＃13;
＆＃13; 
<!DOCTYPE html> 
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Mobile Web App</title>
<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.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head> 

<body> 

<div data-role="page" id="page">
	<div data-role="headerimg">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
	</div>
    
  <div data-role="content">
    
   	
    <a href="#page" data-role="button" data-icon="plus">Home</a>
    <a href="#page2" data-role="button" data-icon="plus">Tickets</a>
	<a href="#page3" data-role="button" data-icon="plus">Shop</a>
	<a href="#page4" data-role="button" data-icon="plus">Photos</a>
    <a href="#page5" data-role="button" data-icon="plus">Join Us</a>
	<a href="#page6" data-role="button" data-icon="plus">More</a>
	
    </div><!-- footer -->
	</div>

<div data-role="page" id="page2">
	<div data-role="header">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
		<H1>TICKETS</H1>
	</div>
    
	<div data-role="content">	
		Content		
	</div>
		<div data-role="footer" data-position="fixed">
	
    	</div><!-- footer -->

		
	</div>


<div data-role="page" id="page3">
	<div data-role="header">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
        <H1>SHOP</H1>
		</div>
	<div data-role="content">	
		Content		
	</div>
	
    <div data-role="footer" data-position="fixed">
    
    </div><!-- footer -->
	</div>

<div data-role="page" id="page4">
	<div data-role="header">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
        <H1>PHOTOS</H1>
		</div>
<div data-role="content">	
		Content		
</div>

	<div data-role="footer" data-position="fixed">
    </div><!-- footer -->
	</div>


<div data-role="page" id="page5">
	<div data-role="header">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
        <H1>JOIN US</H1>
		</div>
<div data-role="content">	
		Content		
	</div>
	
    <div data-role="footer" data-position="fixed">
    </div><!-- footer -->
</div>

<div data-role="page" id="page6">
	<div data-role="header">
		<img src="../images/SoulTrainHeaderNew.jpg" width="100%" height="80" alt=""/>
        <H1>MORE</H1>
		</div>
	<div data-role="content">
	  <ul data-role="listview">
	    <li><a href="#">About<span class="ui-li-count"></span></a></li>
	    <li><a href="#">Tickets<span class="ui-li-count"></span></a></li>
	    <li><a href="#">Facebook<span class="ui-li-count"></span></a></li>
	    <li><a href="#">Twitter<span class="ui-li-count"></span></a></li>
	    <li><a href="#">Instagram<span class="ui-li-count"></span></a></li>
	    <li><a href="#">Email<span class="ui-li-count"></span></a></li>
      </ul>	
				
	</div>
		
        <div data-role="footer" data-position="fixed">
		</div><!-- footer -->
        </div>
</body>
</html>
＆＃13;
＆＃13;
＆＃13;

答案 3 :(得分：0)

道歉，我上传了错误的HTML文字。

抱歉

相关问题
最新问题