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

我试图根据用户从选择菜单中选择的内容更改工具提示的效果。我的问题是，选择的效果只适用于默认情况下选择的值（如下面的HTML代码中选择了“bounce”），但一旦我选择了其他内容，它不会改变效果。有没有办法解决这个问题

我的代码：

$(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">