javascript - Qtip2：写为函数（并将不同的选择器作为参数传递）

Question

我正在使用如下所示的 qtip2 库：

$('.selector').qtip({ // options // });

但是我有三个不同的选择器，它们使用三组不同的选项。

有没有办法将 .qtip 部分编写为函数，以便我可以将选择器和选项作为参数传递？我只是在改变不同选择器的位置，这是唯一改变的事情......

function doMyQtip(selector, "top left", "bottom right") {

}

Answer 1

尝试这个：

function changeQtipVars(pos1, pos2){

    var tooltip_opts = {
    position: {
            corner: {
               target: pos1,
               tooltip: pos2
            }
    }
    }
    return tooltip_opts;
}

$('.selector').qtip({
   content: 'Displays the number of results based on your search criteria.',
   show: 'mouseover',
   hide: 'mouseout',
   style: changeQtipVars(pos1, pos2);
})

您也可以尝试使用开关盒，但这有点乏味。您可能还想阅读 JQuery 的扩展功能 - http://api.jquery.com/jQuery.extend/以扩展可重用代码。希望这可以帮助。