mg4377娱乐娱城官网_mg4377娱乐手机版_www.mg4377.com

当前位置: mg4377娱乐娱城官网 > www.mg4377.com > 正文

文件溢出插件jquery,js学习运用格局

时间:2019-06-07 20:30来源:www.mg4377.com
介绍 文件溢出插件jquery,js学习运用格局。插件下载地址: 正文实例为我们享用了jquery.tableSort.js表格排序的现实性代码,供大家参考,具体内容如下 那壹款js分页使用起来很爽,自

介绍

文件溢出插件jquery,js学习运用格局。插件下载地址:

正文实例为我们享用了jquery.tableSort.js表格排序的现实性代码,供大家参考,具体内容如下

那壹款js分页使用起来很爽,自身经常用,做项目时总是要翻在此之前的档案的次序看,不便利,这里就把他写出来方便自个儿之后粘帖,也期望能享受给咱们。
参数表明

Viewport 是3个简约的jQuery插件,为要素增加自定义伪选取器和处理程序,以便在可视窗口左右进行简短的要素检查实验。

引入jQuery.js和jquery.dotdotdot.js

图片 1

图片 2

行使格局

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dotdotdot.js"></script>

1.一定要引jQuery包,全部jq插件都以依附jQuery包的

插件代码 js代码:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.viewport.js" type="text/javascript"></script>

给带有文本的因素定叁个宽高,当文本超过那个惊人后会触发效果

二.假若想钦定哪一栏不排序那样写 $(“#mytable”).tablesorter({headers:{5:{sorter:false}}}); 第5列的sorter为false就OK了

/**
 * This jQuery plugin displays pagination links inside the selected elements.
 *
 * @author Gabriel Birke (birke *at* d-scribe *dot* de)
 * @version 1.1
 * @param {int} maxentries Number of entries to paginate
 * @param {Object} opts Several options (see README for documentation)
 * @return {Object} jQuery Object
 */
jQuery.fn.pagination = function(maxentries, opts) {
 opts = jQuery.extend({
  items_per_page: 10,
  num_display_entries: 10,
  current_page: 0,
  num_edge_entries: 0,
  link_to: "#",
  prev_text: "Prev",
  next_text: "Next",
  ellipse_text: "...",
  prev_show_always: true,
  next_show_always: true,
  callback: function() { return false; }
 }, opts || {});

 return this.each(function() {
  /**
  * Calculate the maximum number of pages
  */
  function numPages() {
   return Math.ceil(maxentries / opts.items_per_page);
  }

  /**
  * Calculate start and end point of pagination links depending on 
  * current_page and num_display_entries.
  * @return {Array}
  */
  function getInterval() {
   var ne_half = Math.ceil(opts.num_display_entries / 2);
   var np = numPages();
   var upper_limit = np - opts.num_display_entries;
   var start = current_page > ne_half ? Math.max(Math.min(current_page - ne_half, upper_limit), 0) : 0;
   var end = current_page > ne_half ? Math.min(current_page   ne_half, np) : Math.min(opts.num_display_entries, np);
   return [start, end];
  }

  /**
  * This is the event handling function for the pagination links. 
  * @param {int} page_id The new page number
  */
  function pageSelected(page_id, evt) {
   current_page = page_id;
   drawLinks();
   var continuePropagation = opts.callback(page_id, panel);
   if (!continuePropagation) {
    if (evt.stopPropagation) {
     evt.stopPropagation();
    }
    else {
     evt.cancelBubble = true;
    }
   }
   return continuePropagation;
  }

  /**
  * This function inserts the pagination links into the container element
  */
  function drawLinks() {
   panel.empty();
   var interval = getInterval();
   var np = numPages();
   // This helper function returns a handler function that calls pageSelected with the right page_id
   var getClickHandler = function(page_id) {
    return function(evt) { return pageSelected(page_id, evt); }
   }
   // Helper function for generating a single link (or a span tag if it'S the current page)
   var appendItem = function(page_id, appendopts) {
    page_id = page_id < 0 ? 0 : (page_id < np ? page_id : np - 1); // Normalize page id to sane value
    appendopts = jQuery.extend({ text: page_id   1, classes: "current" }, appendopts || {});
    if (page_id == current_page) {
     var lnk = $(""   (appendopts.text)   "");
    }
    else {
     var lnk = $("<a>"   (appendopts.text)   "</a>")
      .bind("click", getClickHandler(page_id))
      .attr('href', opts.link_to.replace(/__id__/, page_id));


    }
    if (appendopts.classes) { lnk.removeAttr('class'); lnk.addClass(appendopts.classes); }
    panel.append(lnk);
   }
   // Generate "Previous"-Link
   if (opts.prev_text && (current_page > 0 || opts.prev_show_always)) {
    appendItem(current_page - 1, { text: opts.prev_text, classes: "disabled" });
   }
   // Generate starting points
   if (interval[0] > 0 && opts.num_edge_entries > 0) {
    var end = Math.min(opts.num_edge_entries, interval[0]);
    for (var i = 0; i < end; i  ) {
     appendItem(i);
    }
    if (opts.num_edge_entries < interval[0] && opts.ellipse_text) {
     jQuery(""   opts.ellipse_text   "").appendTo(panel);
    }
   }
   // Generate interval links
   for (var i = interval[0]; i < interval[1]; i  ) {
    appendItem(i);
   }
   // Generate ending points
   if (interval[1] < np && opts.num_edge_entries > 0) {
    if (np - opts.num_edge_entries > interval[1] && opts.ellipse_text) {
     jQuery(""   opts.ellipse_text   "").appendTo(panel);
    }
    var begin = Math.max(np - opts.num_edge_entries, interval[1]);
    for (var i = begin; i < np; i  ) {
     appendItem(i);
    }

   }
   // Generate "Next"-Link
   if (opts.next_text && (current_page < np - 1 || opts.next_show_always)) {
    appendItem(current_page   1, { text: opts.next_text, classes: "disabled" });
   }
  }

  // Extract current_page from options
  var current_page = opts.current_page;
  // Create a sane value for maxentries and items_per_page
  maxentries = (!maxentries || maxentries < 0) ? 1 : maxentries;
  opts.items_per_page = (!opts.items_per_page || opts.items_per_page < 0) ? 1 : opts.items_per_page;
  // Store DOM element for easy access from all inner functions
  var panel = jQuery(this);
  // Attach control functions to the DOM element 
  this.selectPage = function(page_id) { pageSelected(page_id); }
  this.prevPage = function() {
   if (current_page > 0) {
    pageSelected(current_page - 1);
    return true;
   }
   else {
    return false;
   }
  }
  this.nextPage = function() {
   if (current_page < numPages() - 1) {
    pageSelected(current_page   1);
    return true;
   }
   else {
    return false;
   }
  }
  // When all initialisation is done, draw the links
  drawLinks();
 });
}

编辑:www.mg4377.com 本文来源:文件溢出插件jquery,js学习运用格局

关键词: