2013-10-23 59 views
0

似乎由於某些原因,這裏的items選項不起作用。我確定我做錯了什麼,但不能得到錯誤。你可以幫我嗎?jquery ui工具提示項選項不起作用

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>test jquery</title> 

<link rel="stylesheet" type="text/css" href="jquery-ui-1.10.3.custom.min.css" /> 
<script type="text/javascript" src="jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="jquery-ui-1.10.3.custom.min.js"></script> 

<script> 

    $(document).ready(function() { 
     $(".div1").tooltip({ items: 'img[alt]'}); 
    }); 

</script> 

</head> 
<body> 
<div class="div1"> 
    <img src="home-slider-next-button.png" width="26" height="24" alt="test2"> 
</div> 
</body> 
</html> 

回答

1

好吧,我仔細看了一下工具提示代碼,看到它似乎並沒有真正採用內容的alt屬性。它僅將項目內容用作選擇器。所以我現在的解決方案是使用像這樣的內容選項:

$(document).ready(function() { 
     $(".div1").tooltip({ items: 'img[alt]', content:function(){ return $(this).attr('alt'); }}); 
    }); 

希望它可以幫助其他同樣的問題。