suchen

Heim  >  Artikel  >  Web-Frontend  >  Lösung für das Problem, dass Unschärfe- und Fokusereignisse in Jquery nicht wirksam werden können

Lösung für das Problem, dass Unschärfe- und Fokusereignisse in Jquery nicht wirksam werden können

黄舟
黄舟Original
2017-06-26 14:23:275184Durchsuche

JQuery-Unschärfe und -FokusEreignissekönnen nicht wirksam werden

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

Der Code lautet wie oben: Alert() auf der ersten Seite kann wirksam werden, Unschärfe und Fokus können jedoch nicht wirksam werden . Ich verwende die Jquery1.9.1-Version.
Bitte geben Sie mir einen Rat

Was ist mit dem HTML der Seite? Sie müssen das .login_shopcart-Element auslösen

Dieser Code ist in die importierte JS-Datei geschrieben

Sie haben den HTML-Code auch gesendet. Woher wissen Sie sonst, ob es ein Problem mit Ihrem JS oder Ihrem HTML ist?
Vielleicht hat Ihre Seite überhaupt kein Objekt mit 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>

Und das div-Element schon keine Unschärfe- und Fokusereignisse haben

Der Jquery-Import funktioniert auch nicht

Bitte verwenden Sie für div 

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


Ich weiß nicht, ob Sie mit der Maus fahren oder klicken möchten?
Idee: Holen Sie sich den Fokus login_shopcart und binden Sie den Klick direkt
Verlieren Sie den Fokus und binden Sie den Klick an Klicken Sie auf das Dokument, um den login_shopcart ungültig zu machen.
Einige Codebeispiele: 

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

Vielen Dank an alle ~~~ Ich habe den Grund gefunden. Es ist wahr, dass DIV keine Unschärfe und Fokussierung verwenden kann~~~Die Änderungen an Mouseover und Mouseout wurden wirksam~~

Das obige ist der detaillierte Inhalt vonLösung für das Problem, dass Unschärfe- und Fokusereignisse in Jquery nicht wirksam werden können. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Teilen Sie die Lösung für das Problem, das JQuery Blur nicht auslöstNächster Artikel：Teilen Sie die Lösung für das Problem, das JQuery Blur nicht auslöst

In Verbindung stehende Artikel

Mehr sehen