Изменение эффекта всплывающей подсказки через меню выбора

Question

Я пытаюсь изменить эффект всплывающей подсказки в зависимости от того, что пользователь выбирает из меню выбора.Моя проблема в том, что выбранный эффект работает только для значения, которое выбрано по умолчанию (как в приведенном ниже 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">

Answer 1

Это происходит потому, что вы не вызываете свою функцию после выбора новой опции.Вы должны вызывать его каждый раз, когда опция выбрана, чтобы изменить эффект.