[英]How to load external html content into a div inside a page using jquery mobile
标记当前页面的一部分。
<div class="que-plc">
<div class = "questionHolder">
<div class = "questionBorder">
<h3>A question?</h3>
<div>
<div ><a id="goto-que1" class="to-next-que">NEXT</a></div>
</div>
</div>
</div>
</div>
必须加载到当前页面的标记:
HTML -- que1.html:
<div class = "questionHolder">
<div class = "questionBorder">
<h3>Question Here?</h3>
<div data-type="horizontal">
<div><a id="goto-que2" data-role="button" class="to-next-que">NEXT</a></div>
</div>
</div>
</div>
HTML -- que2.html:
<div class = "questionHolder">
<div class = "questionBorder">
<h3>Question Here?</h3>
<div data-type="horizontal">
<div><a id="goto-que3" data-role="button" class="to-next-que">NEXT</a></div>
</div>
</div>
</div>
加载que1.html和que2.html的javascript:
$("a.to-next-que").click(function(){
alert(this.id)
var cur_id = this.id.toString();
$(".questionHolder").remove();
var last = cur_id.length
cur_id = cur_id[last - 1];
$.get('level/level1/que'+cur_id+'.html',function(question) {
$('.que-plc').html(question).trigger('create');
});
});
问题出在que1.html
被加载到dom i,e内部之后。 que-plc
容器,则连续的点击不会将que2.html, que3.html ... to the dom
加载que2.html, que3.html ... to the dom
。 怎么了?
我正在使用jquery-mobile 1.0.1
,所以使用$ .mobile.loadPage和$ .mobile.changePage会导致错误。
并通过a link whose data-ajax="false"
不会加载page2.html
的javascript a link whose data-ajax="false"
从page1.html to page2.html
导航page1.html to page2.html
。
那是:
<body>
<div data-role="page">
</div>
<script src="play.js"></script>
play.js将wont be available in
page2.html`中使用。 如何纠正?
你可以这样使用
$('#div_content').load("page.html");
单击按钮加载页面
$('#button').click(function(){
$('#div_content').load('html.page');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.