Question

我在这里发现了像我这样的问题，但没有一个主题可以帮助我，所以我决定自己编写。

问题：我需要'鼠标悬停'两次以查看提示。我知道这是因为我在第二次鼠标悬停时调用工具提示，但我不知道，如何解决我的问题。我将非常感谢任何建议或帮助！

jquery：

$(document).ready(function() {

    $('.playerTip').mouseover(function(){
        var playerID = $(this).attr('rel');
        $(this).tooltipster({
            contentAsHTML: true,
            content: 'Loading...',
            functionBefore: function(origin, continueTooltip){
                continueTooltip();
                if(origin.data('ajax') !=='cached'){
                    $.ajax({
                        type: 'POST',
                        url: 'http://localhost/Statystyki/index.php/home/tooltip',
                        data: "player="+ playerID,
                        success: function(data) {
                            origin.tooltipster('content', data).data('ajax', 'cached');

                        }
                    });
                }
            }

        });
    });
});

和html：

<a href="#" class="playerTip" rel="426">XYZ</a>
<a href="#" class="playerTip" rel="174">DFV</a>
<a href="#" class="playerTip" rel="184">DRT</a>

等

@solved 好吧，我解决了我的问题;）

如果有人需要解决方案：

$(document).ready(function() {

        var playerID

    $('.playerTip').mouseover(function(){

        playerID = $(this).attr('rel');

        });

    $('.playerTip').tooltipster({
        contentAsHTML: true,
        content: 'Ładuje...',
        functionBefore: function(origin, continueTooltip){
            continueTooltip();
            if(origin.data('ajax') !=='cached'){
                $.ajax({
                    type: 'POST',
                    url: 'http://localhost/Statystyki/index.php/home/tooltip',
                    data: "player="+ playerID,
                    success: function(data) {
                        origin.tooltipster('content', data).data('ajax', 'cached');

                    }
                });
            }
        }
        });
});

jquery tooltipster仅在第二次悬停时工作

0 个答案: