使用 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

试试这样的：

$('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 2

我有同样的问题，我用这段代码解决了。适用于 qtip 1.0 rc3 和 JQuery 1.4.2。 请注意，qtip 与 jquery>1.3 有问题。谷歌获取相关信息，但很容易修复在 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'
   })
});

Answer 3

它应该可以工作，但只是尝试查看您作为 ID 传递的内容，或将数据作为集合传递，例如：

数据：{'type':'help_menu', 'q':id}

或者

$('a.menu_help').qtip({ var id = $(this).attr('id'); 警报（ID）； 内容： { url:'my_ajax_controller.php', 数据：'type=help_menu&q='+ id, 方法：'得到' }, 显示：'鼠标悬停'， 隐藏：'mouseout' });