Jquery工具提示动画

我必须从下拉菜单中选择样式，工具提示应该以所选方式设置动画。但我的工具提示总是一样的。这个节目有什么问题吗：或者我不能得到正确的风格价值。我应该使用change（）函数吗

$（函数（）{
var值=$（“#效应”）.val（）；
$（文档）。工具提示({
展示：{
效果：价值，
延误：50
},
职位：{
我的：“中底20”，
在“左上角”，
使用：功能（位置、反馈）{
$（this.css（position）；
$( "" )
.addClass（“箭头”）
.addClass（feedback.vertical）
.addClass（feedback.horizontal）
.附于（本）；
}
}
});
});
失明的
反弹
夹子
滴
爆发
褪色
折叠
突出
泡芙
跳动
规模
摇
大小
滑动
转移
我的动画



Име:

您正在选择页面加载时的值。然后将页面加载中使用的值设置为每次使用的工具提示

通过在文档级别注册事件，您还可以一次更改页面的所有工具提示

将代码更改为此，以使其以正确的方式运行：

$( '#ime' ).tooltip({
  show: {
    effect: $( "#effect" ).val(),
    delay: 50
  },
  position: {
    my: "center bottom-20",
    at: "left top",
    using: function( position, feedback ) {
      $( this ).css( position );
      $( "<div>" )
        .addClass( "arrow" )
        .addClass( feedback.vertical )
        .addClass( feedback.horizontal )
        .appendTo( this );
    }
  }
   });

$（'ime'）。工具提示({
展示：{
效果：$（“#效果”）.val（），
延误：50
},
职位：{
我的：“中底20”，
在“左上角”，
使用：功能（位置、反馈）{
$（this.css（position）；
$( "" )
.addClass（“箭头”）
.addClass（feedback.vertical）
.addClass（feedback.horizontal）
.附于（本）；
}
}
});

}))

更好的做法是每次下拉框更改时都更改变量“value”的值。这样jquery就不必在每次出现工具提示时都查找该值。

这项工作。。看

$（函数（）{
$（“#效果”）。更改（函数（）{
$（文档）。工具提示({
展示：{
效果：$（“#效果”）.val（），
延误：50
},
职位：{
我的：“中底20”，
在“左上角”，
使用：功能（位置、反馈）{
$（this.css（position）；
$( "" )
.addClass（“箭头”）
.addClass（feedback.vertical）
.addClass（feedback.horizontal）
.附于（本）；
}
}
})
})
});

我试过了，但没有正常工作。它每次选择下拉菜单的第一个值。例如，它总是为“盲”设置动画，即使我选择了另一个。如何在每次摄影框更改时更改值？

$( '#ime' ).tooltip({
  show: {
    effect: $( "#effect" ).val(),
    delay: 50
  },
  position: {
    my: "center bottom-20",
    at: "left top",
    using: function( position, feedback ) {
      $( this ).css( position );
      $( "<div>" )
        .addClass( "arrow" )
        .addClass( feedback.vertical )
        .addClass( feedback.horizontal )
        .appendTo( this );
    }
  }
   });

  $(function() {
     $("#effect").change(function(){
        $( document ).tooltip({
          show: {
            effect: $( "#effect" ).val(),
            delay: 50
          },
          position: {
            my: "center bottom-20",
            at: "left top",
            using: function( position, feedback ) {
              $( this ).css( position );
              $( "<div>" )
                .addClass( "arrow" )
                .addClass( feedback.vertical )
                .addClass( feedback.horizontal )
                .appendTo( this );
            }
          }
        })
     })
  });