Question

我的 script.js

$(document).ready(function(){
   $('#btn').click(function(){
        $('#image_display').show();
   }};
});

我的主要HTML页面

<input type="button" value="1" id="btn1"/>
<input type="button" value="2" id="btn"/>
<input type="button" value="3" id="btn"/>
<img src="img/book-cover" border="0" width="900" 
  height="300" alt="image1" target="_self" id="image_display"/>

错误的是show功能不起作用。我已经尝试过在w3schools.com上给出的所有可能性，但它仍无法正常工作。

Answer 1

这是一个显示一个工作示例的JSBin（我隐藏了一个元素而不是显示它，它是一个h1而不是一个img，但原理是相同的）：

http://jsbin.com/sozokeya/3/

JavaScript中存在语法错误（第四行应该是}）;而不是}};）你还需要具有相同ID“btn”的按钮。

Answer 2

ID应该是唯一的，您不能拥有2个具有相同ID的元素：

<input type="button" value="2" id="btn"/>
<input type="button" value="3" id="btn"/>

Answer 3

使用类代替 id

$(document).ready(function(){
  $('.btn').click(function(){
  $('#image_display').show();
  }};
});


<input type="button" value="1" id="btn1"/>
<input type="button" value="2" class="btn"/>
<input type="button" value="3" class="btn"/>
<img src="img/book-cover" border="0" width="900" 
  height="300" alt="image1" target="_self" id="image_display"/>

Answer 4

两个按钮'ID重复，尝试修改一个

Jquery函数显示无法正常工作

4 个答案: