遇到IE11这种“特殊”浏览器的兼容性问题确实头疼，结合你描述的情况（Edge正常、IE11无响应），给你几个具体的排查和解决方向：

• 确保代码在DOM就绪后执行
  IE11的DOM加载时序可能和现代浏览器略有差异，如果你的绑定代码在页面元素尚未渲染完成时就执行了，那自然找不到#btnblacklist元素，事件绑定也就无效了。把代码包裹在jQuery的DOM就绪函数里试试：

  jQuery(function($) {
    $('#btnblacklist').click(function(){ 
      $('#popUpBlackList').css("display","block"); 
      $('.cover').css('display','block'); 
    });
  });
  

  这里用jQuery(function($){...})是简写形式，能确保代码在DOM完全加载后才运行。

• 更换事件绑定方式与兼容性方法
  虽然.click()是简写，但IE11对这种语法的支持偶尔会有异常，换成更通用的.on()绑定方式试试；同时把.css("display","block")换成jQuery内置的.show()方法，它会自动处理不同浏览器的CSS兼容性细节：

  jQuery(function($) {
    $('#btnblacklist').on('click', function(){ 
      $('#popUpBlackList').show(); 
      $('.cover').show(); 
    });
  });
  

• 检查IE11控制台的错误信息
  按下F12打开IE11的开发者工具，切换到「控制台」标签页，看看有没有报错信息。比如是否有其他脚本抛出错误导致整个JS执行阻塞，或者有没有用到IE11不支持的ES6语法（比如箭头函数、let/const等）——哪怕你的代码里没有，页面其他脚本的错误也可能影响到这段代码。

• 确认jQuery版本的稳定性
  你引入的是//cdn.jsdelivr.net/jquery/1/jquery.min.js，这个链接指向jQuery 1.x的最新版本，理论上支持IE11，但可以手动指定具体稳定版本号试试，比如换成//cdn.jsdelivr.net/jquery/1.12.4/jquery.min.js，避免CDN自动更新到可能有兼容性问题的版本。

• 排查元素选择器的细节问题
  虽然Edge正常，但IE11对选择器的大小写敏感吗？检查一下页面中#btnblacklist的ID是否和代码里完全一致（比如有没有大小写错误），另外也可以在控制台里手动执行jQuery('#btnblacklist')，看看是否能正确返回元素，确认选择器没问题。

内容的提问来源于stack exchange，提问作者cwwwww92