名片不与悬停功能的正常工作。 有任何想法吗?(Hovercard not working cor

2019-10-16 21:29发布

我使用的名片,并将其与下面的代码工作完美:

$.getJSON("userjson.php"
    function(result){
        $('.user').hovercard({
            showCustomCard: true, 
            customCardJSON: result,
            openOnLeft: true
        });
    });

在上面的代码我只是考虑存储在当前登录使用的cookies的用户的数据库中的信息:

$username = $_COOKIE['username'];

$user_select = mysql_query("SELECT * FROM users WHERE username='$username'",$con);
$user_array = mysql_fetch_array($user_select);

$user = array(
    'name' => "<p style=\"text-align:left; text-decoration:underline;\">".$user_array['username']."</p>",
    'bio' => "<p style=\"text-align:left\"><br>".$user_array['bio']."</p>",
    'image' => "/pictures/users/".$user_array['propic']
);

echo json_encode($user);

不过,我想,以取代从登录的用户是谁的名字被悬停在用户当前的用户信息:

$('.user').hover(function() {
    var obj = $(this);
$.getJSON("userjson.php",{name: obj.text()},
        function(result){
            obj.hovercard({
                showCustomCard: true, 
                customCardJSON: result,
                openOnLeft: true
            });
    });
});

这并不工作(在某种程度上)。 我不得不悬停在名称一次,然后其它时间,它显示,然后将它不会消失,当我把鼠标的路程。

这里有两个视频我拍了那么你实际有什么我在谈论一个想法:

服用登录用户的工作代码: http://www.youtube.com/watch?v=FrWmOE-r8AA

不工作的代码以悬停用户名: http://www.youtube.com/watch?v=E9ksekpBnv0

我需要帮助!

Answer 1:

悬停卡不应该在悬停但最初加入。

$.each($(".user"), function() {
    var element = $(this);
    $.getJSON("userjson.php", {name: $(element).text()}, function(resp) {
        $(element).hovercard({
            showCustomCard: true, 
            customCardJSON: resp,
            openOnLeft: true
        });
    });
});


文章来源: Hovercard not working correctly with the hover function. Any ideas?