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/以扩展可重用代码。希望这会有所帮助。