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

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

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