Question

这是一个简单的隐藏图层时隐藏图层的隐藏图层脚本我想点击图片而不是按钮，并且不想要一个丑陋的按钮图像morf或者想要添加一个css样式来覆盖按钮

我尝试分配图像变量，但它不起作用

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeToggle(1000);
  });
});
</script>
</head>
<body>

<br><br>
<button onclick="toggle();"><img src="image.gif" /></button>////---- works
<image onclick="toggle();"><img src="image.gif" /></image>//// ----doesnt

<div id="div1" style="width:80px;height:80px;background-color:blue;"></div>

或者更容易为图像指定行为

Answer 1

在以下代码行中 -

 <image onclick="toggle();"><img src="image.gif" /></image>

您正在为<image>标记指定一个点击处理程序，据我所知，HTML中没有该处理程序，因此浏览器不会呈现该处理程序。虽然将呈现的<img>没有单击事件处理程序..

只需将其更改为

即可

<img src="image.gif" onclick="toggle();"/>

为此，您应该有一个名为toggle()的函数，如下所示

function toggle(){
  $("#div1").fadeToggle(1000);
}

或将你的js改为

$(document).ready(function(){
 $("img").click(function(){
  $("#div1").fadeToggle(1000);
 });
});

在这种情况下，toggle()

中不需要onclick="toggle();"函数和<img>处理程序

图像作为按钮但没有按钮图像

1 个答案: