onmousedown работает на мобильном телефоне, но не на рабочем столе - PullRequest
0 голосов
/ 13 января 2019
<script type="text/javascript">
    window.onload = function() {
      document.getElementById("featured").onmousedown = function(){
        var $carousel = $('.carousel').flickity();
        // get instance
        var flkty = $carousel.data('flickity');

        var selind = flkty.selectedIndex+1;

        document.getElementById("cell1").onclick = function(){
          if (selind == 1) {
            $("#post1").modal()
          }
        };

        document.getElementById("cell2").onclick = function(){
          if (selind == 2) {
            $("#post2").modal()
          }
        };

        document.getElementById("cell3").onclick = function(){
          if (selind == 3) {
            $("#post3").modal()
          }
        };

        document.getElementById("cell4").onclick = function(){
          if (selind == 4) {
            $("#post4").modal()
          }
        };


      }
    }
    </script>

Это мой код для карусели. Я хотел, чтобы можно было нажать на всю карту, и будут приниматься только те щелчки, когда карта была активна. (Пример на картинке). Демонстрация того, что я имею в виду, показана здесь . Когда я открываю контрольную панель, она автоматически переключается в адаптивный режим, и там она прекрасно работает. Тем не менее, когда появляется сайт для настольных компьютеров, onmousedown не запускается. Еще одна вещь, которую я заметил, заключалась в том, что при загрузке в адаптивном режиме ошибки Failed to load resource: the server responded with a status of 400 () css:1 и [Amplitude] WARNING: Property key "embedding_mode" with invalid value type null, ignoring не появлялись, но появлялись при загрузке в качестве сайта рабочего стола.

...