javascript - 在变量中存储和检索链接的 jquery 效果/对象

Question

我想通过将链接的对象存储在变量中并稍后连接到选择器来动态更改 jquery 效果，以便在需要执行时获得最新的所需效果。我在数据效果属性中存储了一组预定义的 jquery 链式效果 - fadeOut().end().next().fadeIn() - 可以更改，因此我需要通过要添加的变量引用回它$(contentDiv) 选择器的效果。所以像； $(selector)效果，不起作用。

var effects = document.getElementById('effect').getAtttribute('data-effect');
$(contentsDiv).effects;

Answer 1

这个怎么样(已更新):

var effect = "fadeOut.end.next.fadeIn";
var $obj = $(contentsDiv);
$.each(effect.split('.'),
    function(key, value) {
        $obj = $obj[value]();
    });