根据点击的内容显示不同的弹出消息

Question

我需要帮助创建一个jquery函数，该函数将在单击图像时显示弹出消息。每个图像都会有不同的弹出消息。这里是我的HTML代码：

<table> 
<tr> 
    <td> 
     <a href="#"> 
      <img src="/face.jpg" /> 
      <span> 
       <div class="bubble"> 
        THIS IS MY POPUP MESSAGE 1 
       </div> 
      </span> 
     </a>  
    </td> 

    <td> 
     <a href="#"> 
      <img src="/face.jpg" /> 
      <span> 
       <div class="bubble"> 
        THIS IS MY POPUP MESSAGE 2 
       </div> 
      </span> 
     </a>  
    </td> 

    <td> 
     <a href="#"> 
      <img src="/face.jpg" /> 
      <span> 
       <div class="bubble"> 
        THIS IS MY POPUP MESSAGE 3 
       </div> 
      </span> 
     </a>  
    </td> 
</tr> 

Answer 1

我给你相同水平的答案的问题。我的好办法，然而，你必须包括jQuery UI的

CSS

a span {display: none} 

下载，包括jQuery UI的

HTML

<script src="javascripts/jquery-ui.js"></script> 

JS

$('a').click(function() { 
    $(this).find('span').dialog(); 
})