2012-01-20 3 views
0

Я использую библиотеку qtip2, которая выглядит следующим образом:Qtip2: написать функцию (и передавать различные селекторы в качестве аргумента)

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

Однако у меня есть три различных селекторов, которые используют три различных набора опций.

Есть ли способ написать .qtip-часть как функцию, чтобы я мог передать селектор и параметры в качестве аргументов? Я просто изменить положение для различных селекторов, это единственное, что меняется ...

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

} 

ответ

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/ для расширения кода многократного использования. Надеюсь это поможет.

Смежные вопросы