覆盖 jquery 中的 show 方法

Question

正在编辑 web 应用程序（不是我的代码），并且当一些消息或通知出现时会显示很多模态，所以我想为该模态添加声音

这个模式存在于整个应用程序中的问题，以及很多 jquery.show 方法我应该跟踪并添加那个声音

 $('#ajax_alert').show();

我试着听一个变化，比如改变 css 属性但没有用

$('#ajax_alert').on("change",function(){
//make sound
})

如何覆盖 show 方法？ 我可以通过检查触发的 id 是否为 ajax_alert 来触发其中的声音，播放该声音！

Answer 1

我同意这样的评论，即这可能不是最好的主意，而且看起来有点老套，但可以做到。

所以 JQuery .show()方法所做的只是将元素的 CSS 更改为display: block; 正确的？ 所以你可以覆盖.show方法，但告诉它继续这样做，然后添加一些额外的功能：

 jQuery.fn.show = function() { this.css('display', 'block'); setTimeout(() => alert('My very own added functionality'), 0); return this; }; $('a').click(function() { $('div').show() })

 div {margin-top: 20px; background-color: blue; height: 60px; width: 60px; display: none;}

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <a href="#">Click to show div</a> <div></div>

在这里工作 JSFiddle：