獲取引導程序大小未定義

Question

我試圖檢測引導程序大小（xs/sm/md/lg）。

我曾嘗試這些鏈接：

• How to detect responsive breakpoints of Twitter Bootstrap 3 using JavaScript?

• jQuery detect Bootstrap 3 state

不幸的是，

我找到這些問題的答案有 「錯誤」 或類似的東西。

如果您在窗口大小事件上記錄引導程序大小，您會看到您有時會記錄未定義的內容。

當您將窗口從引導大小1調整爲引導大小2時，會發生這種情況。

例如，當您從xs調整爲sm時。

Answer 1

如果包括this library你可以運行這樣的功能：

<script> 
(function($, document, window, viewport){ 

    // Executes once whole document has been loaded 
    $(document).ready(function() { 
    console.log('Current breakpoint:', viewport.current()); 
    }); 

    $(window).resize(
    viewport.changed(function(){ 
     console.log('Current breakpoint:', viewport.current()); 
    }) 
); 

})(jQuery, document, window, ResponsiveBootstrapToolkit); 
</script> 

的問題似乎是，該文件是不是作用域ResponsiveBootstrapToolkit視口如上所見不夠清楚。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.