![](/img/trans.png)
[英]Jquery-mobile repeatedly printing javascript when page is loaded
[英]jQuery not runned when page is loaded through Javascript
因此,我正在该网站上工作,由于原始页面无法刷新,因此需要在该网站上使用Javascript加载页面。 经过一番谷歌搜索,我发现了以下内容:
var loadedobjects = ""
var rootdomain = "http://" + window.location.hostname
function load(url) {
var page_request = false
if (window.XMLHttpRequest) page_request = new XMLHttpRequest()
else if (window.ActiveXObject) {
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} catch (e) {
try {
page_request = new ActiveXObject("Microsoft.XMLHTTP")
} catch (e) {}
}
} else return false
page_request.onreadystatechange = function() {
loadpage(page_request)
}
page_request.open('GET', '/pages/' + url + '.tpl', true);
page_request.send(null);
}
function loadpage(page_request) {
if (page_request.readyState == 4 && (page_request.status == 200 || window.location.href.indexOf("http") == -1)) {
document.getElementById('MainContent').innerHTML = page_request.responseText;
}
}
function loadobjs() {
if (!document.getElementById) return
for (i = 0; i < arguments.length; i++) {
var file = arguments[i]
var fileref = ""
if (loadedobjects.indexOf(file) == -1) {
if (file.indexOf(".js") != -1) {
fileref = document.createElement('script')
fileref.setAttribute("type", "text/javascript");
fileref.setAttribute("src", file);
} else if (file.indexOf(".css") != -1) {
fileref = document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref != "") {
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects += file + " "
}
}
}
到目前为止,这就是我一直在使用的页面加载方式。
现在,当我有一个使用JQuery的页面时。 当我访问页面本身时,它确实会执行,因此只是/pages/pagename.tpl
的普通页面。 我的jQuery运行完美。 但是,当我单击普通网站中的页面时,因此无法通过Javascript运行。
只是为了确保,我将JQuery编码到页面本身中,但是它没有任何改变。
这是页面:
<div id="shoutContainer">
<label for="shout">Shout</label>
<textarea name="shout" rows="5" id="shout" placeholder="Jouw shout"></textarea>
</div>
<div id="requestContainer">
<label for="artiest">De artiest</label>
<input type="text" name="artiest" id="artiest" placeholder="De artiest">
<label for="titel">De titel/label>
<input type="text" name="titel" id="titel" placeholder="De titel"> </div>
</form>
</div>
<script src="/assets/js/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function() {
$("#soortInstuur").change(update);
});
function update() {
var val = $("#soortInstuur option:selected").val();
if (val == 'shout') {
$("#requestContainer").fadeOut('slow').promise().done(function() {
$("#shoutContainer").fadeIn('slow');
});
} else if (val == 'request') {
$("#shoutContainer").fadeOut('slow').promise().done(function() {
$("#requestContainer").fadeIn('slow');
});
}
}
</script>
通过外部CSS文件隐藏了#requestContainer
。
怎么回事,这个jQuery无法运行? 我是否需要其他方法来加载页面?
通过切换到AJAX修复了该问题。
谢谢您的帮助。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.