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”值的工具提示

如何调用/合并这两个函数？

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 文本。