Question

我正在使用Shopify上的woothemes flexslider，并且正在查看一项特定功能，该功能可以在选择产品变体时更改幻灯片图像。基本上，我想知道是否可以像在本地变量中一样在函数中更改元素变量。该函数调用element.flexslider(index)，但我也希望它可以将特定函数的变量move更改为1。

我尝试通过添加行var move = 1来在功能块中设置局部变量，但这没有任何改变。我尝试通过将$element.flexslider(index);更改为$element.flexslider({index; move: 1})来更改引用flexslider索引的方括号中的变量。那也不起作用。我刚开始使用Javascript，所以我不太确定如何从这里开始。这是我的代码当前的样子：

$element.flexslider({
  animation: "slide",
  controlNav: false,
  directionNav: true,
  animationLoop: true,
  move: 2,
  prevText: "",
  nextText: "",
  slideshow: false,
  sync: "#carousel"
});

events
  .on("variantchange:image", select);

function select(id) {

  var slides = $element.find("[data-image-id]");
  var slide = slides.filter("[data-image-id=" + id + "]");
  var index = slides.index(slide);

  $element.flexslider(index);

};

我想要的结果是该函数在函数持续时间内将变量flexslider.move设置为1，以同样的方式，局部变量将是特定于函数的。功能完成后，页面将返回使用flexslider.move的先前定义值（在这种情况下，值为2）。

现在，该函数仅使用先前定义的变量，我不知道如何为该函数引入变量更改。

如何在函数中更改元素变量

0 个答案: