Question

我收到以下错误，并且我的网站上没有javascript正在运行：未定义的引用错误$未定义

它正在工作，但我现在无法看到哪里出现了问题任何人都可以帮忙吗？

我在这里链接到javascript文件：

    <script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jsfunctions.js" type="text/javascript"></script>

这是js函数脚本

//-------------------------- MENU MOVE
$(document).ready(function(){
   $(".one").hover(function() {
       $(this).stop().animate({ marginTop: "5px" }, 200);

    },function(){
        $(this).stop().animate({ marginTop: "0px" }, 300);

    });
});

$(document).ready(function(){
   $(".two").hover(function() {
      $(this).stop().animate({ marginTop: "5px" }, 200);

    },function(){
        $(this).stop().animate({ marginTop: "0px" }, 300);

    });
});


$(document).ready(function(){
   $(".three").hover(function() {
      $(this).stop().animate({ marginTop: "5px" }, 200);

    },function(){
        $(this).stop().animate({ marginTop: "0px" }, 300);

    });
});


$(document).ready(function(){
   $(".four").hover(function() {
      $(this).stop().animate({ marginTop: "5px" }, 200);

    },function(){
        $(this).stop().animate({ marginTop: "0px" }, 300);

    });
});


$(document).ready(function(){
   $(".five").hover(function() {
    $(this).stop().animate({ marginTop: "5px" }, 200);

    },function(){
        $(this).stop().animate({ marginTop: "0px" }, 300);

    });
});


$(document).ready(function(){

    $(".plane").stop().animate({ marginRight: "2000px" }, 40000);


});


$(document).ready(function(){
   $(".signinbutton").hover(function() {
        $(this).stop().fadeTo('slow', 0.5);

    },function(){
        $(this).stop().fadeTo('slow', 1.0);

    });
});

$(document).ready(function(){
   $(".forgotton").hover(function() {
        $(this).stop().fadeTo('slow', 0.5);

    },function(){
        $(this).stop().fadeTo('slow', 1.0);

    });
});


//-------------------------------- SOCIAL FADES
$(document).ready(function(){
   $(".twitter").hover(function() {
        $(this).stop().fadeTo('slow', 0.7);

    },function(){
        $(this).stop().fadeTo('slow', 1.0);

    });
});

$(document).ready(function(){
   $(".facebook").hover(function() {
        $(this).stop().fadeTo('slow', 0.7);

    },function(){
        $(this).stop().fadeTo('slow', 1.0);

    });
});

$(document).ready(function(){
   $(".rss").hover(function() {
        $(this).stop().fadeTo('slow', 0.7);

    },function(){
        $(this).stop().fadeTo('slow', 1.0);

    });
});

//------------------------------------ EMAIL DETAILS


$(function() {

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

var name = $("#name").val();
var email = $("#email").val();
    var comment = $("#comment").val();
    var dataString = 'name='+ name + '&email=' + email + '&comment=' + comment;

    if(name=='' || email=='' || comment=='')
     {
    alert('Please Give Valid Details');
     }
    else
    {
    $("#flash").show();
    $("#flash").fadeIn(400).html('<img src="../img/-loader.gif" align="absmiddle">&nbsp;<span class="loading">Loading Comment...</span>');
$({
        type: "POST",
  url: "comment.php",
   data: dataString,
  cache: false,
  success: function(html){

  $("ol#update").append(html);
  $("ol#update li:last").fadeIn("slow");
  document.getElementById('email').value='';
   document.getElementById('name').value='';
    document.getElementById('comment').value='';
    $("#name").focus();

  $("#flash").hide();

  }
 });
}
return false;
    });



});

// ----------------------------- Profile Email Check
$(document).ready(function() {

        //the min chars for username
        var min_chars = 3;

        //result texts
        var characters_error = 'Minimum amount of chars is 3';
        var checking_html = 'Checking...';

        //when button is clicked
        $('#check_username_availability').click(function(){
            //run the character number check
            if($('#username').val().length < min_chars){
                //if it's bellow the minimum show characters_error text '
                $('#username_availability_result').html(characters_error);
            }else{
                //else show the cheking_text and run the function to check
                $('#username_availability_result').html(checking_html);
                check_availability();
            }
        });

  });

//function to check username availability
function check_availability(){

        //get the username
        var username = $('#username').val();

        //use  to run the check
        $.post("lib/-checkemail.php", { username: username },
            function(result){
                //if the result is 1
                if(result == 1){
                    //show that the username is available
                    $('#username_availability_result').html(username + ' is not registered. They will be sent an email to invite them to sign up.');
                }else{
                    //show that the username is NOT available
                    $('#username_availability_result').html(username + ' is already registered. They will be notified of their invitation via email.');
                }
        });

}

function showImage(){
        document.getElementById('overlay').style.visibility='visible';
    }
document.getElementById('.videofullme').style['-webkit-transform'] = 'rotate(90deg)';
document.getElementById('.videofullme').style.webkitTransform = 'rotate(90deg)';
document.getElementById('.videofullme').style.WebkitTransform = 'rotate(90deg)';

Answer 1

您未加载对jquery.js的引用。

使用Firebug找出原因。

Answer 2

查看firebug或dev控制台，了解您的jQuery是否正在加载 - 也许您的应用服务器更改了网址，或者您从子网页引用此JS（尝试将网址更改为 root-relative ，即从/开始。

此外，在firebug中，您应该能够发布出现错误的行 - 可能还有其他问题。

和...

$({                       //    <-- Shouldn't this be $.ajax ?
    type: "POST",
    url: "comment.php",
    data: dataString,
    cache: false,
    success: function(html){
        //...

修改

是否有任何可能性，在jquery.js或jsfunctions.js中称为jQuery.noConflict()？希望不是：P为避免这种情况，您可以使用jQuery(function($){ /* ... */ });或(function($){ /* ... */ }(jQuery))。当然，假设您只使用$而不是jQuery;]
时遇到问题

Answer 3

可能你有一些其他javascript库加载jquery像prototype使用jquery.noconflict尝试并使用ready函数一次。

未定义的引用错误$未定义

3 个答案: