如何以编程方式关闭notify.js通知?

阿扎德

在以下示例中,我尝试通过按notify.js API高级示例中建议的按钮来强制关闭打开的通知,该怎么办?

function CLOSE() {
  $('#btn').trigger('notify-hide');
}
$(document).ready(function() {

  $('#btn').notify('test note', {
    position: 'right'
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/notify/0.4.2/notify.js"></script>

<button onClick="CLOSE()" id="btn" class="tst">Test</button>

Mihai Alexandru-Ionut

您必须触发代表元素的notify-hide事件divnotify

function CLOSE() {
  $('.notifyjs-wrapper').trigger('notify-hide');
}
$(document).ready(function() {

  $('#btn').notify('test note', {
    position: 'right'
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/notify/0.4.2/notify.js"></script>

<button onClick="CLOSE()" id="btn" class="tst">Test</button>

这是显示DOM结构外观的代码段:

<div class="notifyjs-wrapper notifyjs-hidable">
     <div class="notifyjs-arrow" style="left: 41px; top: 6px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid rgb(238, 211, 215); display: none;">
     </div>
     <div class="notifyjs-container" style="left: 46px; top: -7.5px; display: none;">
         <div class="notifyjs-bootstrap-base notifyjs-bootstrap-error">
                <span data-notify-text="">test note</span>
         </div>
     </div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何以编程方式关闭Chrome通知而无需清除

来自分类Dev

iPhone如何以编程方式访问通知中心

来自分类Dev

如何以编程方式播放Android NFC通知声音?

来自分类Dev

如何以编程方式播放Android NFC通知声音?

来自分类Dev

如何以编程方式选择Fabric.js对象

来自分类Dev

如何以编程方式选择Fabric.js对象

来自分类Dev

如何以编程方式调用 JS setter 函数

来自分类Dev

如何在没有sudo的情况下使用notify-send以编程方式发送通知?

来自分类Dev

如何以编程方式升级(或通知)外部工具的新版本?

来自分类Dev

当从 Android 的锁定屏幕单击通知操作时,如何以编程方式解锁屏幕?

来自分类Dev

Woocommerce - 如何以编程方式停止发送电子邮件通知(有时)

来自分类Dev

如何以编程方式关闭Eclipse实例

来自分类Dev

如何以编程方式关闭NSPopover

来自分类Dev

如何以编程方式关闭 matplotlib 窗口?

来自分类Dev

如何以编程方式崩溃Node.js应用(用于测试)

来自分类Dev

如何以编程方式触发fabric.js“ object:modified”事件?

来自分类Dev

如何以编程方式导航到Next.js中的其他页面?

来自分类Dev

如何以编程方式包括一个外部js文件,并确保先加载该文件?

来自分类Dev

如何以编程方式折叠所有ng-js-tree节点

来自分类Dev

如何以编程方式调整 Office.js 内容加载项的大小?

来自分类Dev

Notify.js清除旧通知

来自分类Dev

如何以编程方式关闭iOS 7自动布局

来自分类Dev

如何以编程方式关闭Android中的对话框?

来自分类Dev

如何以编程方式关闭Veutify对话框

来自分类Dev

如何以编程方式关闭gradle构建消息“ BUILD SUCCESSFUL”?

来自分类Dev

如何以编程方式关闭/销毁chrome devtools ExtensionPanel?

来自分类Dev

Android 4.1.2如何以编程方式关闭GPS

来自分类Dev

如何以编程方式关闭Android手机?

来自分类Dev

Dropwizard:如何以编程方式关闭服务(进程内)?

Related 相关文章

  1. 1

    如何以编程方式关闭Chrome通知而无需清除

  2. 2

    iPhone如何以编程方式访问通知中心

  3. 3

    如何以编程方式播放Android NFC通知声音?

  4. 4

    如何以编程方式播放Android NFC通知声音?

  5. 5

    如何以编程方式选择Fabric.js对象

  6. 6

    如何以编程方式选择Fabric.js对象

  7. 7

    如何以编程方式调用 JS setter 函数

  8. 8

    如何在没有sudo的情况下使用notify-send以编程方式发送通知?

  9. 9

    如何以编程方式升级(或通知)外部工具的新版本?

  10. 10

    当从 Android 的锁定屏幕单击通知操作时,如何以编程方式解锁屏幕?

  11. 11

    Woocommerce - 如何以编程方式停止发送电子邮件通知(有时)

  12. 12

    如何以编程方式关闭Eclipse实例

  13. 13

    如何以编程方式关闭NSPopover

  14. 14

    如何以编程方式关闭 matplotlib 窗口?

  15. 15

    如何以编程方式崩溃Node.js应用(用于测试)

  16. 16

    如何以编程方式触发fabric.js“ object:modified”事件?

  17. 17

    如何以编程方式导航到Next.js中的其他页面?

  18. 18

    如何以编程方式包括一个外部js文件,并确保先加载该文件?

  19. 19

    如何以编程方式折叠所有ng-js-tree节点

  20. 20

    如何以编程方式调整 Office.js 内容加载项的大小?

  21. 21

    Notify.js清除旧通知

  22. 22

    如何以编程方式关闭iOS 7自动布局

  23. 23

    如何以编程方式关闭Android中的对话框?

  24. 24

    如何以编程方式关闭Veutify对话框

  25. 25

    如何以编程方式关闭gradle构建消息“ BUILD SUCCESSFUL”?

  26. 26

    如何以编程方式关闭/销毁chrome devtools ExtensionPanel?

  27. 27

    Android 4.1.2如何以编程方式关闭GPS

  28. 28

    如何以编程方式关闭Android手机?

  29. 29

    Dropwizard:如何以编程方式关闭服务(进程内)?

热门标签

归档