AcensorJS具有自动地板创建功能

时间:2013-10-22 09:07:40

标签: javascript jquery ascensor

我正在使用wordpress主题,他正在使用带有wordpress的AcensorJS。 但是在这种情况下,我希望插件可以创建每个楼层“dynamicaly”。 我希望如果我们有一篇新的“文章”,这将立即添加到地图中。

这是我的代码:

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完成这项工作。

1 个答案:

答案 0 :(得分:0)

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

$('#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()”来“解释”变量。

美好的一天!