<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>
这是我的轻快轮播代码。我希望能够单击整个卡,并且仅接受卡处于活动状态时的单击。 (图片中的示例)。 here显示了我的意思的演示。当我打开检查面板时,它会自动切换到响应模式,并且在那里可以正常工作。但是,当桌面站点启动时,不会触发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
,但是在将其作为桌面站点加载时却出现了。