仅在窗口的特定宽度上调用jQuery函数

Question

我在我的网站上使用此代码。我只想在特定的窗口宽度中加载此代码。 例如，在小于768像素的情况下，将不再调用此脚本。

jQuery(document).ready(function() {
var owl = jQuery('.owl-carousel');
owl.owlCarousel({
  rtl: true,
  margin: 10,
  nav: true,
  loop: true,
  responsive: {
    0: {
      items: 1
    },
    600: {
      items: 3
    },
    1000: {
      items: 5
    }
      }
    })
  })

Answer 1

您可以使用jQuery的width函数，然后执行以下操作：

jQuery(document).ready(function() {

   if (jQuery( window ).width() > 768) {
      /// your code here
   }
});

.width() Refernece

Answer 2

尝试一下

jQuery(document).ready(function() {
if ($(window).width() < 768){
var owl = jQuery('.owl-carousel');
owl.owlCarousel({
 rtl: true,
 margin: 10,
 nav: true,
 loop: true,
 responsive: {
  0: {
   items: 1
 },
 600: {
  items: 3
 },
 1000: {
  items: 5
 }
  }
 })
 }
})

Answer 3

if ($( window ).width() > 768){//ur code}