寬度大於767像素，啟用插件？

Question

我正在嘗試編寫一些javascript / jquery，如果視口寬度大於767px，將允許我啟用幻燈片插件。

如果小於所述值，則應僅在主體中顯示背景圖像並禁用插件

目前，當寬度> 767px時，我無法顯示該插件，但是當寬度小於767px時，背景圖像確實會顯示

任何幫助，將不勝感激

碼：

$(window).on('resize', function() {
           if($(this).width() < 767) {
               $("body").addClass("backgroundImage");
               $("#example, body").vegas();
               window.location.reload();

           } else {
               $("body").removeClass("backgroundImage");
               $("#example, body").vegas({
            delay:10000,
            transition: 'fade',
            cover: true,
            align: 'center',
            valign: 'center',
            preload: true,
            preloadImage: true,
            slides: [
                {src: "img/slideshow/img1wB-E.jpg"},
                {src: "img/slideshow/img2-2.jpg"}
            ]
        });
               window.location.reload();
               return;

           }

        }).trigger('resize');

Answer 1

為什么不創建一個最小寬度為767的CSS條目，所以如果它低於該寬度，則不會顯示。

@media (min-width: 767px) {
    .specialSlideshow {
      width: 750px; } 
    }
@media (min-width: 0px) {
    .specialSlideshow {
      display:none; } 
    }

因此，您可能會在幻燈片顯示代碼周圍包裝一個帶有specialSlideshow類的div，如果它低於767px，則不會顯示。

Answer 2

你包括了嗎

 <link rel="stylesheet" href="/js/vegas/vegas.min.css"> <script src="/js/vegas/vegas.min.js"></script> 

在.html中？

您是要延遲10秒嗎？