Question

似乎由于某种原因，这里的项目选项不起作用。我确定我做错了但却无法得到错误。你能救我吗？

<!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>

Answer 1

好的，我仔细看了一下工具提示代码，看到它似乎没有真正采用alt属性的内容。它仅使用项目内容作为选择器。所以我现在的解决方案是使用这样的内容选项：

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

希望它可以帮助其他人解决同样的问题。

jquery ui tooltip items选项不起作用

1 个答案: