リンクが1ページのcol-xsで機能しない

Question

1ページにDOMを使用してJavaScriptを使用してテキストを転送するサイトがあります。 idがpastEventsのサイドバーには、幅がcol-xs-3で、メインセクションがand 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とは何の関係もありませんでした。これを見たすべての人に感謝