집 >웹 프론트엔드 >JS 튜토리얼 >Jquery에서 흐림 및 초점 이벤트가 적용되지 않는 문제에 대한 솔루션

Jquery에서 흐림 및 초점 이벤트가 적용되지 않는 문제에 대한 솔루션

黄舟원래의: 2017-06-26 14:23:275212검색

Jquery 흐림 및 초점events을 적용할 수 없습니다

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

코드는 위와 같습니다. 첫 번째 페이지의 Alert()는 적용할 수 있지만 흐림 및 초점은 적용할 수 없습니다. Jquery1.9.1 버전을 사용하고 있습니다.
조언 좀 부탁드립니다

페이지의 HTML은 어디에 있나요? .login_shopcart 요소를 실행해야 합니다

이 코드는 가져온 JS 파일에 작성됩니다

HTML을 보낼 수도 있습니다. 그렇지 않으면 JS나 HTML에 문제가 있는지 어떻게 알 수 있나요?
페이지에 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>

그리고 div 요소에는 흐림 및 초점 이벤트가 없습니다

Jquery import는 둘 중 하나를 실행할 수 없습니다. 포커스 문서 바인딩 클릭 상실, login_shopcart 클릭 무효화

코드 예제의 일부 :

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

모두 감사합니다. 이유를 찾았습니다. DIV에서는 블러와 포커스를 사용할 수 없는게 사실입니다~~마우스오버와 마우스아웃 변경사항이 적용되었습니다~~

위 내용은 Jquery에서 흐림 및 초점 이벤트가 적용되지 않는 문제에 대한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：jquery Blur가 실행되지 않는 문제에 대한 솔루션을 공유하세요.다음 기사：jquery Blur가 실행되지 않는 문제에 대한 솔루션을 공유하세요.