Question

我有一个带有图像和锚标记的div，其中anchor元素设置为display:none。

HTML

<div>
    <img src="https://cdn.theatlantic.com/assets/media/img/photo/2015/11/images-from-the-2016-sony-world-pho/s01_130921474920553591/main_1500.jpg?1448476701" Width="200" />
    <center>
        <a href="javascript:void(0);" style="display:none;width:200px;" id="clickMe">Click Me</a>
    </center>
</div>
<script>
    Show() 
</script>

然后我调用show function来显示锚标记。

显示（）功能

function Show() {
    alert("HI!");
    $("#clickMe").show();
}

但它不起作用。如何在函数中显示锚标记。

My Fiddle

Answer 1

在窗口加载事件上调用show（）函数：

window.onload = function() {
      Show() ;
};

或使用document.ready（）

 $(document).ready(function() {
        Show() ;
 });

Answer 2

在你用jQuery调用函数之前，jQuery需要有机会加载。

<script>
  $(document).ready(function(){
    Show();
  }); 
</script>

Answer 3

您必须加入JQuery。这是工作fiddle。

Answer 4

您需要将jQuery添加到小提琴并调用该函数。

更新了小提琴：https://jsfiddle.net/y883f7zp/2/

function Show() {
    $("#clickMe").show();
}
Show();

Answer 5

在使用任何语法之前，您需要包含jQuery库。

之后，您需要在Show();内调用load方法，如下所示：

<强>段：

$(function() {
  Show();
});

您也可以document.ready()替换$(function() {..}

参阅演示here。

显示锚标记

5 个答案: