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

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

黄舟original: 2017-06-26 14:23:275123parcourir

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();
    });
});

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>

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();
         
        });
    });

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();
    });

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Partagez la solution au problème que le flou jquery ne déclenche pasArticle suivant：Partagez la solution au problème que le flou jquery ne déclenche pas

Articles Liés

Voir plus