Динамические параметры для динамического содержимого с помощью qTip

Question

Я хочу передать динамический параметр с помощью qTip, но он не работает. my_ajax_controller.php просто отображает тип переменной, но не q.

$('a.menu_help').qtip({
    content: {
      url:'my_ajax_controller.php',
      data: 'type=help_menu&q='+$(this).attr('id'),
      method: 'get'
    },
    show: 'mouseover',
    hide: 'mouseout'
});

Тем не менее, статическое значение q работает:

$('a.menu_help').qtip({
    content: {
      url:'my_ajax_controller.php',
      data: 'type=help_menu&q=toto',
      method: 'get'
    },
    show: 'mouseover',
    hide: 'mouseout'
});

Нет ли способа передать динамическое значение в данные параметра?

Заранее спасибо!

Флоран

Answer 1

Это должно работать, но просто попробуйте увидеть, что вы передаете как ID, или передать данные как коллекцию, что-то вроде:

data: {'type': 'help_menu', 'q': id}

Или же

   
 $('A.menu_help'). QTIP ({
    var id = $(this).attr('id');
    оповещения (идентификатор);
    содержание: {
      URL:'my_ajax_controller.php',
      данные: 'type=help_menu&q='+ id,
      метод: "получить"
    },
    show: 'mouseover',
    скрыть: "мышка"
});

Answer 2

Попробуйте что-то вроде этого:

$('a.menu_help').each(function(){
    $currentLink = $(this);
    $currentLink.qtip({
        content: {
          url:'my_ajax_controller.php',
          data: 'type=help_menu&q='+$currentLink.attr('id'),
          method: 'get'
        },
        show: 'mouseover',
        hide: 'mouseout'
});

Я не проверял это, но я сделал нечто подобное. Просто не могу найти это прямо сейчас.

Answer 3

У меня была такая же проблема, и я решил с этим кодом. Прекрасно работает с qtip 1.0 rc3 и JQuery 1.4.2. Обратите внимание, что qtip имеет и проблема с jquery>1.3. Google для связанной информации, но это легко исправить, добавив одну строку в jquery.qtip.js

$('.username_link').each(function(){
   $(this).click(function(){ return false });//JS enabled => link default behavior disabled. Gaceful degradation
   $(this).qtip({
   content: { url: '/users/links',
              data: { id: $(this).attr('data-id') },
              method: 'post'
            },
   show: 'click',
   hide: 'mouseout'
   })
});