Question

我有一个带有两种不同点击效果的猫头鹰旋转木马。第一个超过736 px的一切工作正常，但我的第二个影响有一些错误。目前只有一个div（#XXXXXX-handy）显示，但没有办法删除它。真正的问题是它只适用于50％的旋转木马。如果我添加更多项目，仍然适用于50％。如果我删除了一些项目，它仍可以使用50％。

这是我的JS：

else if (737 > screen.width) { 
    $(document).ready(function() {
        $(".swisscom-item").click(function(){
            $("#swisscom-handy").show();
        });
    });
    $(document).ready(function() {
        $(".migros-item").click(function(){
            $("#migros-handy").show();
        });
    });
}

这里是我的HTML：

        <div class="owl-carousel kunden-carousel">

            <div class="kunden-item swisscom-item"><img class="kunde" src="img/swisscom.png"><div class="handybox" id="swisscom-handy"><h1>swisscom</h1><p>TEST1 TEST2 TEST3 TEST4</p></div></div>

            <div class="kunden-item migros-item"><img class="kunde" src="img/migros.png"><div class="handybox" id="migros-handy"><h1>migros</h1><p>TEST1 TEST2 TEST3 TEST4</p></div></div>

感谢您的帮助

Answer 1

else if (737 > screen.width) { 
    $(document).ready(function() {
        $(".swisscom-item").click(function(){
            $('.handybox').hide();
            $("#swisscom-handy").show();
        });

        $(".migros-item").click(function(){
            $('.handybox').hide();
            $("#migros-handy").show();
        });
    });
}

JavaScript效果仅适用于猫头鹰旋转木马的50％

1 个答案: