jq click事件怎么alert不出来呢

乱世中的单纯 发布于 2016/08/22 23:02
阅读 1K+
收藏 0

为了改变radio圆点的颜色,用图片代替了。但是点击“女",没反应,加了alert测试一下,alert也出不来。求指点


<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
            .pay_list_c1,.pay_list_c2 {
                width: 24px;
                height: 18px;
                float: left;
                padding-top: 3px;
                cursor: pointer;
                text-align: center;
                margin-right: 10px;
                background-image: url(inputradio.gif);
                background-repeat: no-repeat;
                background-position: -24px 0;
                }
                .radioclass {
                opacity: 0;
                cursor: pointer;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter: alpha(opacity=0);
                }
                .on {
                background-position: 0 0;
            }
        </style>
    </head>
    <body>
    <div>
        <span class="pay_list_c1 on">
            <input type="radio" checked="checked" name="paylist" class="radioclass">男
        </span>
        <span class="pay_list_c2">
            <input type="radio"  name="paylist" class="radioclass">女
        </span>
    </div>
    
    </body>

    <script>

alert(111);//可以弹出来

        $(".pay_list_c2").on("click",function(){
            alert(222);//弹不出来
          $(this).addClass("on").siblings().removeClass("on");
        })      
    </script>
</html>
加载中
0
AlanVision
AlanVision

   

$(".pay_list_c2").on("click",function(){
     alert(222);//弹不出来
     $(this).addClass("on").siblings().removeClass("on");
})


$(".pay_list_c2").on("click",function()

这是什么写法,前面on是干嘛的。。。这么写:

$(".pay_list_c2").click(function(){

而且还需要引入jq的库文件

张亦俊
张亦俊
回复 @开源中国OSC : 你可以去看官方的文档,现在都推荐用on了
AlanVision
AlanVision
回复 @红星xx : 好吧。。。这个真用的少
红星xx
红星xx
人家这是正确的 ,用on 也是可以的。
0
jiuker
jiuker
jq在哪里,啊,我眼瞎了么
0
loyal
loyal
jq在哪里,啊,我眼瞎了么
0
开源中国首席男科主任
开源中国首席男科主任
jq在哪里,啊,我眼瞎了么
0
1的10次方
1的10次方
控制台难道没有报错$未定义么
0
自由自在的小鱼
自由自在的小鱼
jq在哪里,啊,我眼瞎了么
0
szwx855
szwx855
jq在哪里,啊,我眼瞎了么
0
Mx_JHJ
Mx_JHJ

jquery的js文件你在哪里引入的?搞笑呢


0
心在北边
心在北边
on事件委托.在jq的1.8开始取消了live 等方法,用on代替,关键你的jq文件库呢?
0
Canrz
Canrz
jq在哪里,啊,我眼瞎了么
返回顶部
顶部