模态框5秒自动关闭功能失效，寻求技术解决方案

嘿，我看你在实现模态框自动关闭时遇到了问题，咱们一步步来排查和修正：

问题1：选择器语法错误 #

你写的$(.modal)缺少引号，JavaScript会把.modal当成变量而非选择器，正确写法应该是带单/双引号的$('.modal')。

问题2：关闭方法使用错误 #

从模态框代码里的rel="modal:close"能看出来，你用的应该是jQuery Modal插件，这类插件的关闭逻辑不是直接调用.close()，得用插件提供的专属API触发关闭动作。

修正后的代码方案 #

这里给你两种可行的解决方式：

方案1：使用插件官方API关闭（推荐）

直接调用插件的modal('close')方法，同时用ID选择器#ex1更精准，避免影响页面其他模态框：

// 确保DOM加载完成后执行代码
$(document).ready(function(){
  setTimeout(function(){ 
    $('#ex1').modal('close'); 
  }, 5000);
});

方案2：模拟点击关闭按钮

如果不想记插件API，也可以直接触发关闭按钮的点击事件：

$(document).ready(function(){
  setTimeout(function(){ 
    $('#ex1 a[rel="modal:close"]').click(); 
  }, 5000);
});

额外提醒 #

一定要把这段JS代码放在jQuery库和模态框插件之后加载，或者用$(document).ready()包裹，这样才能保证代码执行时，模态框元素已经存在于DOM中。

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