主页 / 问题 / 614430
Accepted
Roman Grinyov
Asked:2020-01-14 02:50:56 +0000 UTC2020-01-14 02:50:56 +0000 UTC

什么是“backdrop”以及如何在“noty”中使用？

  • 772

noty有一个参数closeWith，它的值是一个包含以下一个或多个值的数组：

['click', 'button', 'hover', 'backdrop']

http://ned.im/noty/options.html

它是什么backdrop以及如何使用它？

我不知道会发生什么。

$(function() {
  $('button').on('click', function handler() {
    if (typeof handler.counter === 'undefined') {
      handler.counter = 0;
    }
    noty({
      text: 'Noty ' + ++handler.counter,
      closeWith: ['backdrop']
    });
  })
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-noty/2.3.11/packaged/jquery.noty.packaged.js"></script>
<button>Click</button>

https://jsfiddle.net/hxgh1Lsr/

javascript

1 个回答

  1. Best Answer

    来自评论的回答

    这是模态窗口下面的层。点击它，窗口就会关闭，其实就是在消息外点击关闭的意思

    例子

    也就是说，要看到效果backdrop，还需要添加选项modal: true：

    $(function() {
  $('button').on('click', function handler() {
    if (typeof handler.counter === 'undefined') {
      handler.counter = 0;
    }
    noty({
      text: 'Noty ' + ++handler.counter,
      modal: true,
      closeWith: ['backdrop']
    });
  })
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-noty/2.3.11/packaged/jquery.noty.packaged.js"></script>
<button>Click</button>

    https://jsfiddle.net/7hqw0x8z/

    • 0

相关问题