我有一个网站,在一个页面上使用DOM,因此JavaScript将文本传输到它。有一个带有id pastEvents的侧边栏,宽度为col-xs-3,主要部分为,id = eventsReports,宽度为col-xs-9。页面的设计是沼泽标准:菜单下面是徽标,然后是左边的侧边栏,右边是主显示区域,下面是页脚。
问题在于侧边栏上的链接虽然在较大的屏幕上完美运行,但在xs模式下无法工作,无论是在使用任何数量的浏览器缩小我的桌面上的屏幕与开发人员的对应物也不是在我的手机上。
侧边栏的链接如下:
<li class="rpts" onclick="fn2016(x=7)"><a href="#">Tea 'n Talk - Marine Life on the Eurobodalla and Local Coast</a> (25/03/17) </li><br>
因此JavaScript:
<script>
var x; //integer received from the onclick event passing the report number
function fn2016(x) {
var request;
if (window.XMLHttpRequest) {
request = new XMLHttpRequest();
} else {
request = new ActiveXObject("Microsoft.XMLHTTP");
}
request.open('GET', 'eventReports/rpt_' + x + '.html');
request.onreadystatechange = function() {
if ((request.readyState===4) && (request.status===200)) {
var modify = document.getElementById('eventsReports');
modify.innerHTML = request.responseText;
}
}
request.send();
}
</script>
接收部分的HTML是:
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-8" id="eventsReports">
</div>
这适用于所有设备,但即使是链接也不起作用的最小设备。
答案 0 :(得分:0)
我发现了这个问题。它与JavaScript或Ajax无关。感谢所有看过这个的人