jQuery if/else查看/隐藏图层

Question

我正在用edge animate制作一个响应式的网站滑动条，我已经为1张幻灯片制作了2张幻灯片(这样他们就可以合理地进行调整)。我希望第二张幻灯片显示，如果窗口宽度是低于786px和第一张幻灯片显示，如果它在上面。这是我使用的代码：

var n = $(window).width();
if (n > 768) {
    // Show an Element.
    //  (sym.$("name") resolves an Edge Animate element name to a DOM
    //  element that can be used with jQuery)
    sym.$("#panel_01_photo").show();
    // Hide an Element.
    //  (sym.$("name") resolves an Edge Animate element name to a DOM
    //  element that can be used with jQuery)
    sym.$("#panel_02_photo").hide();
}
else {
    // Show an Element.
    //  (sym.$("name") resolves an Edge Animate element name to a DOM
    //  element that can be used with jQuery)
    sym.$("#panel_02_photo").show();
    // Hide an Element.
    //  (sym.$("name") resolves an Edge Animate element name to a DOM
    //  element that can be used with jQuery)
    sym.$("#panel_01_photo").hide();
}

由于某些原因，它不能工作。感谢所有帮助我们的人。

Answer 1

$(window).on('resize', function() {
    var n = $(window).width();
    sym.$("#panel_01_photo").toggle(n > 768);
    sym.$("#panel_02_photo").toggle(n < 768);
});