Question

我正在尝试创建一个响应式图像滑块，但是我一直遇到这个错误：

发生错误：名称不能以''字符，十六进制值0x20开头。第422行，第26位。

每当我尝试添加窗口大小调整的条件时。问题似乎来自条件语句，但我该如何解决？该脚本在xslt文件中包含脚本标记。这是我的代码：

$(document).ready(function() {
  $("#carousel").waterwheelCarousel({
    forcedImageWidth: 700,
    forcedImageHeight: 555,
    separation: 500
  });
});
$(window).resize(function(){
  if(window.innerWidth < 1024){
    $("#carousel").waterwheelCarousel({
      forcedImageWidth: 400,
      forcedImageHeight: 255,
      separation: 100
    });
  }else{alert('hi');}
});

Answer 1

好像你在调整大小时重新实例化插件。

但这不是正确的做法....你必须用新选项“重新加载”它。

$(document).ready(function() {
  //Assign a variable to it on instantiation
  var carousel = $("#carousel").waterwheelCarousel({
    forcedImageWidth: 700,
    forcedImageHeight: 555,
    separation: 500
  });

  $(window).resize(function(){
    if(window.innerWidth < 1024){
      carousel.reload({
        forcedImageWidth: 400,
        forcedImageHeight: 255,
        separation: 100
      });
    }else{alert('hi');}
  });
});

我在the documentation中获取了这些信息，您需要了解所使用的产品。

窗口调整大小的条件

1 个答案: