链接在一个页面上的 col-x 中不起作用

Question

我有一个网站，在一个页面上使用 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>

这适用于所有设备，

但最小的设备甚至链接都不起作用。

Answer 1

我发现了问题。 它与JavaScript或Ajax无关。 感谢所有看过这篇文章的人