Solution au problème selon lequel les événements de flou et de focus ne peuvent pas prendre effet dans Jquery-js tutoriel-php.cn

Solution au problème selon lequel les événements de flou et de focus ne peuvent pas prendre effet dans Jquery

黄舟

Libérer： 2017-06-26 14:23:27

original

5212 Les gens l'ont consulté

Jquery flou et focusÉvénementsne peut pas prendre effet

$(function(){
    alert("页面生效");
    $(".login_shopcart").blur(function(){
        alert("blur生效");
    $(".shopcart_img").attr("src","myimg/shopcart_img.png");
    $("#ShopCart_num").show();
    });
    $(".login_shopcart").focus(function(){
         alert("focus生效");
    $(".shopcart_img").attr("src","myimg/Login.png");
    $("#ShopCart_num").hide();
    });
});

Copier après la connexion

Le code est comme ci-dessus : alert() sur la première page peut prendre effet, mais le flou et le focus ne peuvent pas prendre effet . J'utilise la version Jquery1.9.1.
Merci de me donner quelques conseils

Et le HTML de la page ? Vous devez déclencher l'élément .login_shopcart

Ce code est écrit dans le fichier JS importé

Vous mettez le HTML. Envoyez-le aussi. Sinon, comment savoir s'il s'agit d'un problème avec votre JS ou votre HTML
Peut-être que votre page n'a pas du tout d'objet avec class="login_shopcart"

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
$(function(){
    alert("页面生效");
    $(".login_shopcart").blur(function(){
        alert("blur生效");
    $(".shopcart_img").attr("src","myimg/shopcart_img.png");
    $("#ShopCart_num").show();
    });
    $(".login_shopcart").focus(function(){
         alert("focus生效");
    $(".shopcart_img").attr("src","myimg/Login.png");
    $("#ShopCart_num").hide();
    });
    $(document).ready(function(){
        alert("document生效");
        $(".login_shopcart").ready(function(){
        });
    });
});
</script>
</head>
<body>
    <div class="login_shopcart" style="position:fixed;bottom:0px;right:100px;">
            <p style="position: absolute;padding: 10px 0 0 40px;color:white;" id="ShopCart_num">0</p>
            <img alt="#" src="myimg/ShopCart.png" class="shopcart_img">
       </div>
</body>
</html>

Copier après la connexion

Et l'élément div en a pas d'événements de flou et de focus

L'importation Jquery ne peut pas fonctionner non plus

S'il vous plaît, pour div, utilisez

$(function () {
        alert("页面生效");
        $(".login_shopcart").hover(function () {
            alert("blur生效");
            $(".shopcart_img").attr("src", "myimg/shopcart_img.png");
            $("#ShopCart_num").show();
        }, function () {
            alert("focus生效");
            $(".shopcart_img").attr("src", "myimg/Login.png");
            $("#ShopCart_num").hide();
         
        });
    });

Copier après la connexion

Je ne sais pas si vous l'êtes. Voulez-vous que la souris survole ou que la souris clique ?
Idée : obtenez le focus login_shopcart et liez directement le clic
Perdez le focus et liez le document. au clic, rendant le clic login_shopcart invalide
Quelques exemples de code :

$(document).click(function(){
        $("#login_shopcart").click(function(){
            return false;
        });
        $(".shopcart_img").attr("src","myimg/shopcart_img.png");
        $("#ShopCart_num").show();
    });

Copier après la connexion

Merci à tous~~~ J'ai trouvé la raison. Il est vrai que DIV ne peut pas utiliser le flou et la mise au point~~~Les modifications apportées au survol et à la sortie de la souris ont pris effet~~

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!