通过选择菜单更改工具提示的效果

Question

我正在尝试根据用户从选择菜单中选择的内容来更改工具提示的效果。我的问题是所选效果仅适用于默认选择的值（如在下面的 HTML 代码中选择“反弹”的地方），但一旦我选择其他内容，它就不会改变效果。任何想法如何解决这个问题？

我的代码：

$(document).ready(function(){
    $("#tltp").tooltip({
        show: { effect: $("#tooltip-effect").val(), duration: 400}
         })
    });

HTML：

<select id="tooltip-effect">
    <option value="none">Select an animation</option>
    <option value="bounce" selected>Bounce</option>
    <option value="clip">Clip</option>
    <option value="drop">Drop</option>
    <option value="explode" >Explode</option>
    <option value="shake">Shake</option>
</select>
<input id="tltp" type="text" title="Enter a name">

Answer 1

发生这种情况是因为您在选择新选项后没有调用您的函数。您应该在每次选择选项时调用它以更改效果。