添加一个jquery扩展

ipuui/src/js/carousel.js

@@ -1,24 +1,25 @@
(function (ipuUI, $, iscroll) {
  /**
   * @deprecated 推荐使用 {@link HammerCarousel}
   * @uses IScroll.js
   * @class 简单封装IScroll.js的snap功能，实现banner功能
   * @private 可以使用hammerCarousel代替
   *
   *      @example
   *      <!-- 组件html结构如下，li里内容可自定义 -->
   *      <div class="ipu-carousel ipu-hammer-carousel">
   *        <ul class="ipu-carousel-wrapper">
   *          <li ><img src="../../biz/img/01.jpg" alt=""></li>
   *          <li ><img src="../../biz/img/02.jpg" alt=""></li>
   *          <li ><img src="../../biz/img/03.jpg" alt=""></li>
   *          <li ><img src="../../biz/img/04.jpg" alt=""></li>
   *        </ul>
   *     @example
   *     <!-- 组件html结构如下，li里的内容用户可自定义  -->
   *     <div class="ipu-carousel">
   *       <ul class="ipu-carousel-wrapper">
   *         <li ><img src="../../biz/img/01.jpg" alt=""></li>
   *         <li ><img src="../../biz/img/02.jpg" alt=""></li>
   *         <li ><img src="../../biz/img/03.jpg" alt=""></li>
   *         <li ><img src="../../biz/img/04.jpg" alt=""></li>
   *       </ul>
   *     </div>
   *
   * @constructor 不能直接访问该类，使用ipuUI.carousel(slt, option)生成实例 {@link ipuUI#carousel}
   * @param {Dom|JqueryObj|String} slt jquery对象或者jquery选择器或Dom元素
   * @param {Object} option 组件配置参数，默认配置见 {@link #cfg-defaultOption}
   *
   */
  function Carousel(slt, option) {
    this.option = option = $.extend({}, this.defaultOption, option);

ipuui/src/js/hammerCarousel.js

@@ -13,16 +13,16 @@
   * 通过hammer.js实现的banner功能组件，
   * 因为实现轮播，显示第一项后，再显示第一项，所以第一项有被复制到添加到最后
   *
   *      @example
   *      <!-- 组件html结构如下，li里的内容用户可自定义  -->
   *      <div class="ipu-carousel ipu-hammer-carousel">
   *        <ul class="ipu-carousel-wrapper">
   *          <li ><img src="../../biz/img/01.jpg" alt=""></li>
   *          <li ><img src="../../biz/img/02.jpg" alt=""></li>
   *          <li ><img src="../../biz/img/03.jpg" alt=""></li>
   *          <li ><img src="../../biz/img/04.jpg" alt=""></li>
   *        </ul>
   *      </div>
   *        @example
   *        <!-- 组件html结构如下，li里的内容用户可自定义  -->
   *        <div class="ipu-carousel ipu-hammer-carousel">
   *          <ul class="ipu-carousel-wrapper">
   *            <li ><img src="../../biz/img/01.jpg" alt=""></li>
   *            <li ><img src="../../biz/img/02.jpg" alt=""></li>
   *            <li ><img src="../../biz/img/03.jpg" alt=""></li>
   *            <li ><img src="../../biz/img/04.jpg" alt=""></li>
   *          </ul>
   *        </div>
   *
   * @constructor  不能直接访问该类，调用 {@link ipu#hammerCarousel}生成实例
   * @param {String|JqueryObj} slt

ipuui/src/js/ipu-suffix.js

@@ -23,6 +23,6 @@
  }
  if (!window.ipu) {
    window.ipu = ipuUI;
    window.ipu = window.ipuUI;
  }
})();

ipuui/src/js/jquery-extend.js

@@ -0,0 +1,39 @@
// 添加一些jquery扩展
(function (ipuUI, $) {
  // 在android部分手机上，部分窗体，在jqurey的ready函数执行时，宽度值还未确认，会导致部分UI或依赖宽度计算的代码出现问题
  // 皮函数用来处理此问题，等宽度明确或等待最多6s后，执行相关函数
  var readyBacks = [];
  var isSizeReady = false; // 需要记录状态
  $.extend({ // 扩展jquery工具方法
    sizeReady: function (callBack) {
      if (isSizeReady) {
        callBack();
      } else {
        readyBacks.push(callBack);
      }
    }
  });
  $(function () { // 添加监听页面ready函数
    var count = 0;
    var delayTime = 40; // 间隔时间ms
    var totalTime = 6000; // 最高等待6s=6000ms
    function checkSizeReady() {
      if (window.innerHeight != 0 || delayTime * count >= totalTime) {
        isSizeReady = true;
        for (var i = 0, j = readyBacks.length; i < j; i++) {
          readyBacks[i]();
        }
      } else {
        count++;
        setTimeout(checkSizeReady, delayTime);
      }
    }
    checkSizeReady();
  });
})(ipuUI || window, jQuery);

ipuui/src/js/modal.js

@@ -69,20 +69,20 @@
    _modalTemplateTempDiv.innerHTML = modalHTML;
    var modal = $(_modalTemplateTempDiv).children();
    var modalObj = $(_modalTemplateTempDiv).children();
    $(defaults.modalContainer).append(modal[0]);
    $(defaults.modalContainer).append(modalObj[0]);
    // Add events on buttons
    modal.find('.ipu-modal-button').each(function (index, el) {
    modalObj.find('.ipu-modal-button').each(function (index, el) {
      $(el).on('click', function (e) {
        if (params.buttons[index].close !== false) modal.closeModal(modal);
        if (params.buttons[index].onClick) params.buttons[index].onClick(modal, e);
        if (params.onClick) params.onClick(modal, index);
        if (params.buttons[index].close !== false) modal.closeModal(modalObj);
        if (params.buttons[index].onClick) params.buttons[index].onClick(modalObj, e);
        if (params.onClick) params.onClick(modalObj, index);
      });
    });
    modal.openModal(modal);
    return modal[0];
    modal.openModal(modalObj);
    return modalObj[0];
  };
  /**
@@ -374,8 +374,8 @@
      overlay.addClass('ipu-modal-overlay-visible');
    }
    modalObj.removeClass('ipu-modal-out').addClass('ipu-modal-in').transitionEnd(function (e) {
      if (modal.hasClass('ipu-modal-out')) modal.trigger('closed');
      else modal.trigger('opened');
      if (modalObj.hasClass('ipu-modal-out')) modalObj.trigger('closed');
      else modalObj.trigger('opened');
    });
    // excute callback
    if (typeof cb === 'function') {
@@ -476,7 +476,7 @@
    }
  }
  $.extends(ipuUI, modal);
  $.extend(ipuUI, modal);
  $(document).on('click', ' .ipu-modal-overlay, .ipu-popup-overlay, .ipu-close-popup, .ipu-open-popup, .ipu-close-picker', handleClicks);