hide（）函數在jQuery中不起作用

這是我的javascript文件：test.js.

$(function() { 
$('.error').hide(); 
    $(".button").click(function() { 
     $('.error').hide(); 
    var name = $("input#name").val(); 
    if (name == "") { 
    $("label#name_error").show(); 
    $("input#name").focus(); 
    return false; 
    } 
}); 
});

這是我的HTML文件。

<html> 
<head> 
<script type="text/javascript" src="test.js"></script> 
<script type="text/javascript" src="jquery-1.5.2.min.js"></script> 
</head> 
<body> 
<div id="contact_form"> 
<form name="contact" action=""> 
    <label for="name" id="name_label">Name</label> 
    <input type="text" name="name" id="name" size="30" value="" class="text-input" /> 
    <label class="error" for="name" id="name_error">This field is required.</label> 
</form> 
</div> 
</body> 
</html>

我將這兩個文件與jQuery文件放在我的服務器上的同一目錄中，但內容爲「此字段是必需的」。仍然可見。它似乎像test.js中的hide（）函數不起作用。任何人都可以指出我哪裏錯了？萬分感謝！

來源

2011-04-13 Michael

將'jquery-1.5.2.min.js'引用**放在**'test.js'引用上面，以便它能被識別。 – 2011-04-13 12:30:22

[在此jsfiddle工作]（http://jsfiddle.net/ehrg4/）。它隱藏在運行中。 – justkt 2011-04-13 12:30:51

有沒有人再調試自己的代碼？任何簡單的錯誤都會立即發佈到stackoverflow – Calum 2011-04-13 12:33:20

把你的jquery文件放在你的test.js之前。

<script type="text/javascript" src="jquery-1.5.2.min.js"></script> 
<script type="text/javascript" src="test.js"></script>

來源

2011-04-13 12:29:47

hide（）函數在jQuery中不起作用

回答

相關問題