javascript - 具有自动地板创建功能的 AcensorJS

Question

我正在使用将 AcensorJS 与 wordpress 一起使用的 wordpress 主题。但在这种情况下，我希望插件可以“动态”创建每个楼层。如果我们有新的“文章”，我希望它会立即添加到地图中。

这是我的代码：

var numbersOfArticle = $('section#wrapper > article').length;

  var rowStep = '[';
  var floorName = '[';

  for(var i=0; i<numbersOfArticle; i++) {

    rowStep += '['+i+', 1], '; // Create the Map
    floorName += '\'floor'+(i+1)+' \', '; // Create the name floor

  }

  rowStep = rowStep.substring(0, rowStep.length - 2); // To remove the "," for the last child
  floorName = floorName.substring(0, floorName.length - 2); // Same idea

  rowStep += ']';
  floorName += ']';

  $('#wrapper').ascensor({
    ascensorName: 'ascensor',
    childType: 'article',
    ascensorFloorName: floorName, // Here we set floor's name
    time: 1000,
    windowsOn: 0,
    direction: "chocolate",
    ascensorMap: rowStep, // Here we set the map
    easing: 'easeInOutQuad',
    keyNavigation: true,
    queued: false,
    queuedDirection: "y",
    overflow:"hidden"
  });

最后，我们需要 floorName = ['floor1', 'floor2', 'floor3'] 和 rowStep = [[0,1], [1,1], [2,1]]。这是我得到的，所以没关系，但我不知道如何解释这两个变量......

PS：我使用 PHP 来创建它，但现在我需要 Javascript 来完成这项工作。

Answer 1

我自己找到的，所以我给出答案，也许其他人需要它。

$('#wrapper').ascensor({
    ascensorName: 'ascensor',
    childType: 'article',
    ascensorFloorName: eval(floorName), // Here we set floor's name
    time: 1000,
    windowsOn: 0,
    direction: "chocolate",
    ascensorMap: eval(rowStep), // Here we set the map
    easing: 'easeInOutQuad',
    keyNavigation: true,
    queued: false,
    queuedDirection: "y",
    overflow:"hidden"
});

您只需添加“eval()”即可“解释”变量。

再会 ！