공통 jQuery 코드 01

1906 단어 jquery
1. 클릭하여 현재 요소 인덱스를 획득하고 해당하는 이미지 경로를 전환합니다
$(".li").bind("click", function () {
            var _num = $(this).index();//   var _num = $(".li").index($(this));
            $(".pic_poster_img img").attr("src", "images/live/mews_pic" + (_num + 1) + ".jpg");
        });

 
 
 
2. 창 변경 시 요소 폭 조정
$(function () {
     //          
     TextWidthResponsive();
    //          
      $(window).resize(function () {
          TextWidthResponsive();
     });
});
function TextWidthResponsive() {
    var _width = $(window).width() - 1050;
    $(".focus_title_box").width(_width);
}




3. 휴대폰 번호 확인
var _phone = $(".phone").val();
            _name = $.trim(_name);
            _phone = $.trim(_phone);

            if (_name == "") {

                alert("     !");
                return;
            }
            

            if (_phone == "") {
                alert("       !");
                return;
            }

            var reg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$//;                  

            if (!(reg.test(_phone))) {
                alert('   ,          。');
                return;
            } 

4. 이동단 동적 충전 요소에 대한 귀속 클릭 이벤트
 //    
            $("body").undelegate("touchstart").delegate(".option", "touchstart", function (e) {
                $(".option").removeClass("hover");
                $(this).addClass("hover");

            });

좋은 웹페이지 즐겨찾기