根據點擊的內容顯示不同的彈出消息

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(); 
})