jquery-appear.js 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. (function (global, factory) {
  2. if (typeof define === "function" && define.amd) {
  3. define("/Plugin/jquery-appear", ["exports", "jquery", "Plugin"], factory);
  4. } else if (typeof exports !== "undefined") {
  5. factory(exports, require("jquery"), require("Plugin"));
  6. } else {
  7. var mod = {
  8. exports: {}
  9. };
  10. factory(mod.exports, global.jQuery, global.Plugin);
  11. global.PluginJqueryAppear = mod.exports;
  12. }
  13. })(this, function (_exports, _jquery, _Plugin2) {
  14. "use strict";
  15. Object.defineProperty(_exports, "__esModule", {
  16. value: true
  17. });
  18. _exports.default = void 0;
  19. _jquery = babelHelpers.interopRequireDefault(_jquery);
  20. _Plugin2 = babelHelpers.interopRequireDefault(_Plugin2);
  21. var NAME = 'appear';
  22. var Appear =
  23. /*#__PURE__*/
  24. function (_Plugin) {
  25. babelHelpers.inherits(Appear, _Plugin);
  26. function Appear() {
  27. babelHelpers.classCallCheck(this, Appear);
  28. return babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(Appear).apply(this, arguments));
  29. }
  30. babelHelpers.createClass(Appear, [{
  31. key: "getName",
  32. value: function getName() {
  33. return NAME;
  34. }
  35. }, {
  36. key: "bind",
  37. value: function bind() {
  38. var _this = this;
  39. this.$el.on('appear', function () {
  40. if (_this.$el.hasClass('appear-no-repeat')) {
  41. return;
  42. }
  43. _this.$el.removeClass('invisible').addClass("animation-".concat(_this.options.animate));
  44. if (_this.$el.data('repeat') === false) {
  45. _this.$el.addClass('appear-no-repeat');
  46. }
  47. });
  48. (0, _jquery.default)(document).on('disappear', function () {
  49. if (_this.$el.hasClass('appear-no-repeat')) {
  50. return;
  51. }
  52. _this.$el.addClass('invisible').removeClass("animation-".concat(_this.options.animate));
  53. });
  54. }
  55. }, {
  56. key: "render",
  57. value: function render() {
  58. if (!_jquery.default.fn.appear) {
  59. return;
  60. }
  61. this.$el.appear(this.options);
  62. this.$el.not(':appeared').addClass('invisible');
  63. this.bind();
  64. }
  65. }]);
  66. return Appear;
  67. }(_Plugin2.default);
  68. _Plugin2.default.register(NAME, Appear);
  69. var _default = Appear;
  70. _exports.default = _default;
  71. });