<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
не появлялись, но появлялись при загрузке в качестве сайта рабочего стола.