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

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

1 个答案: