javascript - jQuery:在一个事件和一个选择器上调用两个函数并在它们之间传递数据

Question

如何在同一个选择器和一个事件上调用两个函数并在它们之间传递数据？第一个函数是 .hover

 $("#cartItems tr.cItem").hover(
   function ()
   {
       receipt = $(this).next().children().text();
       //I want to pass receipt value to second function
   },
   function()
   {

   }
 )  

第二个函数是:

$("#cartItems tr.cItem").qtip(
{
   content: receipt, // i need to pass it here
   show: 'mouseover',
   hide: 'mouseout'
});

是在小窗口弹出“contet”值的tooltip

如何将这两个函数调用/合并在一起？

Answer 1

您不想等到元素悬停时才调用 qtip，qtip 插件应该被调用以设置 悬停行为。

如果在执行此操作时您想要的 qtip 中的内容存在，这可能就是您想要的:

$("#cartItems tr.cItem").each(function() {
    var $this = $(this);
    $this.qtip({
        content: {
            text: $this.next().children().text()
        }
    });
});

这会设置 qtips 一次，文本来自下一个元素的子内容。

如果你想动态地做到这一点(例如，下一个元素的子内容可能会随着用户在页面上的操作而改变)，那么:

$("#cartItems tr.cItem").mouseenter(function() {
    var $this = $(this);
    $this.qtip("option", "content.text", $this.next().children().text());
}).qtip();

这设置了 qtips(一次)，并设置了一个 mouseenter 处理程序，当鼠标实际进入元素时设置 qtip 文本。