链接在一个页面上不能在col-xs上工作
问题描述:
我有一个网站在一个页面上使用DOM,因此JavaScript将文本传输到它。有一个id为pastEvents的边栏,其宽度为col-xs-3,主要部分为id = eventsReports,宽度为col-xs-9。该页面的设计是沼泽标准:菜单下的徽标,然后是左侧的侧边栏,右侧的主显示区域和下面的页脚。链接在一个页面上不能在col-xs上工作
问题是,当侧边栏的链接在大屏幕上完美操作时,无法在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>
这对工作的享受所有设备,但最小的连接都不起作用。
答
我发现了这个问题。它与JavaScript或Ajax无关。感谢所有看过这个的人
我可以建议消除这个问题,现在只是噪音 –
爱到。唯一的问题是我找不到如何。 – robin
应该有一个关闭这个问题链接或类似的东西 –