超级jquery插件定制

时间:2013-04-24 17:09:39

标签: javascript jquery jquery-plugins

大家好,

我需要帮助自定义此jquery插件,以便分页看起来像带有文本的链接而不是默认的。

所以基本上页面上的输出应该是:Link1 | Link2 |链接3,等等。我尝试创建一个Array并将该Array返回到addPaginationItem()函数,但是,所有尝试都非常不成功。

任何帮助都会非常感激,因为我一直在努力。

2个主要功能我需要操作的代码如下所示:

   addPaginationItem = function(i) {
  if (!(i >= 0)) {
    i = _this.size() - 1;
  }
  return $pagination.append($("<a>", {
    href: "#" + i,
    "class": _this.current === $pagination.children().length ? "current" : void 0
  }));
};
addPagination = function() {
  var array, last_index;
  if (!_this.options.pagination || _this.size() === 1) {
    return;
  }
  if ($(el).find("." + _this.options.classes.pagination).length) {
    last_index = $pagination.children().last().index();
    array = $children;
  } else {
    last_index = 0;
    array = new Array(_this.size() - last_index);
    $pagination = $pagination.appendTo(_this.el);
  }
  return $.each(array, function(i) {
    return addPaginationItem(i);
  });
};

由于

1 个答案:

答案 0 :(得分:0)

我已经解决了自己的问题。我想我只需要稍微离开代码。 谢谢大家。我添加了以下代码解决了我的问题

addPaginationItem = function(i,linkText) {

  if (!(i >= 0)) {
    i = _this.size() - 1;
  }

  return $pagination.append($("<a>", {
    href: "#" + i,
    text:linkText,
    "class": _this.current === $pagination.children().length ? "current" : void 0
  }));
};

addPagination = function() {
  var array, last_index;
  var hrefText = ['test1','test2','test3','test4'];

  if (!_this.options.pagination || _this.size() === 1) {
    return;
  }
  if ($(el).find("." + _this.options.classes.pagination).length) {
    last_index = $pagination.children().last().index();
    array = $children;
  } else {
    last_index = 0;
    array = new Array(_this.size() - last_index);
    $pagination = $pagination.appendTo(_this.el);
  }

  $.each(hrefText,function(intIndex,objValue) {
    linkText = objValue;
     return addPaginationItem(intIndex,linkText)
  });

};