音悦项目jQuery部分补充

1.登录页面悬在其他页面上 

$(function(){
    $("#loginPopup").click(function(){//登录按钮的点击事件
    $(".pop-bg,.pop-wrapper").show(); //让遮罩层和窗口显示
    $("body").css("overflow", "hidden");
    })
    $(".close-btn").click(function(){
        $(".pop-bg,.pop-wrapper").hide();
    $("body").css("overflow", "auto");
    })
})

 

2.购买页面

/*数量增加 +号*/
$(function(){
    $(".c_add").click(function(){
        var val = $("#count-ipt").val();
        var num = parseInt(val)+1;
        var count = $(".in-count").text();
        if (num <= count) 
        $("#count-ipt").val(num)
    })

/*数量减少 -号*/
    $(".c_sub").click(function(){
        var val = $("#count-ipt").val();
        var num = parseInt(val)-1;
        if (num > 0) 
        $("#count-ipt").val(num)
    })

    /*弹窗  ****元 总价*/
    $(".buy-now").click(function(){
        var val = $("#count-ipt").val();
        var price = parseFloat($(".li-price").text())*100;
        alert(val*price/100);
    })
})

 

posted @ 2021-11-16 23:02  _雪  阅读(31)  评论(0)    收藏  举报