想要使用 Jquery 或 javascript 调用 rel 属性而不点击

Question

这是按钮代码
<输入 id="error_" type="button" class="tabButton" value="test" rel="#ErrorMessage" />

这是一个 div 标签代码

<div id="ErrorMessage" style="border:thin solid black;" class="apple_overlayErrorMessage">
      <div class="contentWrap"></div>
  </div>

，这是一个用于覆盖的 css 代码

.apple_overlayErrorMessage {

/* initially overlay is hidden */
display:none;
/*background-color:transparent;
/* growing background image */
background-image:url(images/ErrorBackground.png);

/* 
    width after the growing animation finishes
    height is automatically calculated
*/
width:100px;    


/* some padding to layout nested elements nicely  */
/*padding: 0px 600px -600px;

/* a little styling */  
font-size:12px;

}

当单击按钮 div 标签时，调用并出现覆盖，它工作正常，但根据我的新要求，需要调用而无需单击任何按钮jquery 或 JavaScript。

有什么建议吗？

Answer 1

在 JavaScript 中尝试以下代码：

  $(document).ready(function() {
         //Your code for overlay
    })

Answer 2

你可以使用 jQuery 轻松做到这一点

    $(document).ready(function() {
        $("#ErrorMessage").show();
    });