从.live更新成对的jquery切换功能不起作用

Question

我有一对函数，用于在混淆文本和纯文本之间切换密码字段的状态。这两个功能都是通过单击锁定图标来触发的，并侦听特定类的click事件。点击锁定图标可完成三件事：

1. 切换密码字段的状态
2. 切换锁定图标的类别

3. 将锁定图标图像从打开切换为关闭

   $(".show-plain").live("click", function()
   {
   //do toggling
   
   //toggle class
   
   //toggle icon
   }
   
   $(".show-hidden").live("click", function()
   {
   //do toggling
   
   //toggle class
   
   //toggle icon
   }
   

我正在远离已弃用的.live（）的过程，但是在升级它时看到了一些奇怪的结果。将事件侦听器更改为以下任一IS成功...

    $(document).on("click", ".show-hidden", function() 

或

    $(".show-hidden").click(function()

但是，如果我将两个功能都更新为使用这两个选项中的任何一个，则只有第一个功能有效。第二个似乎根本没有触发，并且浏览器控制台中没有错误信息。如果我使用.live（）离开其中一个，而将上述方法之一用于其他功能，则两个功能似乎都会立即触发（除非我输入诊断警报消息，否则不会引起注意）。

在花费更多时间尝试将两个功能折叠为单个切换功能之前，我正在寻找有关为什么会发生这种情况以及如何避免这种情况的信息，因为.live（）似乎仍然起作用，但会提供验证错误