更改jQuery Tipsy插件重力上的生活

Question

我使用jQuery Tipsy plugin，我想知道是否有可能動態地改變重力。

我一直在嘗試它沒有成功：http://jsfiddle.net/YSYuu/

下面的代碼反正：

$('[data-demo]').tipsy({ 
    title: 'data-demo', 
    gravity: 'n' 
}); 

//changing it on real time 
$('.demo').click(function() { 
    $('[data-demo]').tipsy({ 
     title: 'data-demo', 
     gravity: 's' 
    }); 
    alert("Gravity changed"); 
}); 

Answer 1

的問題是，對於速度和插件中的特定元素上醉意結合事件沒有解除綁定的事件。你可以做的是克隆你的元素;它可能是唯一的方法。 （插件限制）。

這裏的解決方案：

$('.text').tipsy({ 
    title: 'data', 
    gravity: 's' 
}) 


$(".demo").on("click", function(){ 
    $(".text").remove().clone().appendTo("body").tipsy({ 
     title: 'data', 
     gravity: 'n' 
    }) 

}); 

的jsfiddle：http://jsfiddle.net/javascript/YSYuu/3/

你當然會追加到完全相同的位置在哪裏。爲了得到它的位置，你可以使用$(this).parent().children().index(this)然後追加$("#whatever li:eq(2)").after("...");

Answer 2

克隆的元素，然後刪除原始的元素。並與改變重力添加克隆這樣的：

$('.demo').click(function() { 
    var el = $('[data-demo]'); 
    var clone = $(el.clone()); 
    el.before(clone); 
    el.remove(); 
    clone.tipsy({ 
     title: 'data-demo', 
     gravity: 's' 
    }); 
    alert("Gravity changed"); 
}); 

jsFiddle

Answer 3

您可以通過訪問醉意的配置數據創建工具提示後更改的嚴重性：

$('[data-demo]').data('tipsy').options.gravity = 's'; 

我測試gravity和title了良好的效果：http://jsfiddle.net/mikeular/h5y14qe3/6/