链接在一个页面上不能在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>

这对工作的享受所有设备，但最小的连接都不起作用。

来源

2017-06-15 robin

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

来源

2017-06-16 06:37:05 robin

我可以建议消除这个问题，现在只是噪音 –

爱到。唯一的问题是我找不到如何。 – robin

应该有一个关闭这个问题链接或类似的东西 –

链接在一个页面上不能在col-xs上工作

回答

相关问题