Question

当我使用窗口方向更改事件时，我有一个问题，它不会在设备上触发。在这里，我添加了我的代码。请帮我解决这个问题。

示例代码，

define(["jquery"], function($) {
    $(function() {
        set_screen();
    });

    function set_screen(){
        var winH = $(window).height(),
            winW = $(window).width();
        $('.fullscreen-slider ul.slide li').css({'height':winH});
    }

    $(window).on("orientationchange", function(event) {
        set_screen();
    });
});

Answer 1

这可以解释为什么你没有达到预期的窗口高度，尽管我们需要看到你的HTML和CSS才能确定：

jquery $(window).height() is returning the document height

也就是说，正如@LShetty在上面的评论中指出的那样，只需给元素高度100％，就可以更轻松地获得相同的结果。最好在样式表文件中执行此操作，但如果必须在Javascript中执行此操作：

define(["jquery"], function($) {
    $(function() {
        $('.fullscreen-slider ul.slide li').css({'height':'100%'});
    });
});

不需要orientationchange处理程序。

jquery窗口方向更改事件在requirejs

1 个答案: