jquery - jQuery 在 img 上显示一个 div

Question

以下代码应允许在单击 img 时显示 div。

$(document).ready(function(){

   $('#mob-search-image img').click(function(){
       $('#mobile-search').show();
   });

});

<div id="search">
   <img id="mob-search-image" src="assets/images/mobile-search.png"/> 
</div>

什么都没有发生？

Answer 1

更改$('#mob-search-image img')为$("#mob-search-image");

$('#mob-search-image').click(function(){
       $('#mobile-search').show();
   });

Answer 2

试试这个：

$('#mob-search-image').click(function(){
   $('#mobile-search').show();
});

• mob-search-image是图像的 ID。
• 它里面没有任何img孩子。
• 因此，您的带有选择器的代码#mob-search-image img将不起作用。