如何使用这个JavaScript代码

时间:2016-06-30 11:35:56

标签: javascript html

我有登录和注册页面的代码我不知道如何在html页面中使用此代码 CSS和HTML工作正常,但页面不使用此代码 我尝试将此代码放在head部分的脚本标记中但不起作用

       $('.form').find('input, textarea').on('keyup blur focus', function (e) {

          var $this = $(this),
              label = $this.prev('label');

             if (e.type === 'keyup') {
        if ($this.val() === '') {
        label.removeClass('active highlight');
           } else {
         label.addClass('active highlight');
        }
          } else if (e.type === 'blur') {
            if( $this.val() === '' ) {
        label.removeClass('active highlight'); 
        } else {
        label.removeClass('highlight');   
        }   
        } else if (e.type === 'focus') {

          if( $this.val() === '' ) {
        label.removeClass('highlight'); 
        } 
       else if( $this.val() !== '' ) {
        label.addClass('highlight');
        }
      }

        });

           $('.tab a').on('click', function (e) {

          e.preventDefault();

        $(this).parent().addClass('active');
        $(this).parent().siblings().removeClass('active');

        target = $(this).attr('href');

         $('.tab-content > div').not(target).hide();

          $(target).fadeIn(600);

           });

1 个答案:

答案 0 :(得分:1)

将代码包裹在$(function() { //your code });内,并在document加载(文档就绪)后执行。