我是 JavaScript 的新手。我将多个 JavaScript 文件合并为一个文件,但现在有时浏览器(尤其是 firefox)会卡住 2-3 秒。请看看我的 JavaScript。
$(document).ready(function(){
$(".static_class").click(function(){
var $select = $("select[name=class]");
var start = $(this).val() === "1"?5:9;
if($(this).val()==="1")
{
$("#exp").hide();
$("#abt").hide();
$("#bac").hide();
$("#scholar").show("slow");
var end = start + 7;
}
if($(this).val()==="2")
{
$("#exp").hide();
$("#scholar").show("slow");
$("#bac").hide();
$("#abt").show("slow");
var end = start + 3;
}
if($(this).val()==="3")
{
$("#exp").hide();
$("#bac").show("slow");
$("#scholar").hide();
$("#abt").show("slow");
}
if($(this).val()==="4")
{
$("#abt").hide();
$("#scholar").hide();
$("#exp").show("slow");
$("#bac").hide(); }
$select.empty();
$select.append("<option value='0'>Sinif seçin</option>");
for(;start < end;start++){
$select.append("<option value='"+start+"'>"+start+"</option>");
}
});
/*placeholder*/
if(!Modernizr.input.placeholder){
$('[placeholder]').focus(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur();
$('[placeholder]').parents('form').submit(function() {
$(this).find('[placeholder]').each(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
}
})
});
}
/*populate*/
$("#school").hide();
$("#class").hide();
searchSchool = function(regionSelect){
var selectedRegion = $("select[name*='"+regionSelect.name+"'] option:selected").val();
if (selectedRegion!='0'){
$.ajax({
type: "POST",
url : "core/code/includes/search.php",
data: {region_id: selectedRegion},
success: function(result, status, xResponse){
if (result!=''){
$("#school").show();
$("#class").show();
$("#school").html(result);
$("#error").hide("slow");
}
else{
$("#error").html("Bu regionda məktəb yoxdur");
$("#error").show("slow");
$("#school").html('');
$("#school").hide();
$("#class").hide();
}
},
error: function(e){
alert(e);
}
});
}
else{
$("#error").html('Xahiş edirik region seçin');
$("#error").show("slow");
$("#school").html('');
$("#school").hide();
$("#class").hide();
}
}
$("#reg").RSV({
onCompleteHandler: myOnComplete,
rules: [
"required,fname,Adınızı daxil edin",
"required,mname,Atanızın adını daxil edin.",
"required,lname,Soyadınızı daxil edin.",
"required,email,Email adresinizi daxil edin.",
"valid_email,email,Email adresinizi düzgün daxil edin.",
"required,login,İstifadəçi adınızı daxil edin.",
"length>2,login,İstifadəçi adınız 2 hərfdən çox olmalıdır.",
"required,pwd,İstifadəçi adınızı daxil edin.",
"required,type,İstifadəçi tipini seçin.",
"if:type=1,required,region,Rayonu daxil edin",
"if:type=1,required,school,Məktəbi daxil edin",
"if:type=1,required,class,Sinfi daxil edin",
"if:type=2,required,region,Rayonu daxil edin",
"if:type=2,required,school,Məktəbi daxil edin",
"if:type=2,required,class,Sinfi daxil edin",
"if:type=2,required,group,Qrupu daxil edin",
"if:type=3,required,subject,Fənni daxil edin"
]
});
});
function myOnComplete()
{
alert("The form validates! (normally, it would submit the form here).");
return true;
}
jQuery(function($){
$("#dob").mask("99.99.9999");
});
这是怎么回事?请忽略本地化消息。我的问题是关于文件结构。我使用了多个函数,但不知道哪个部分坏了,或者这是否是导致浏览器卡住的错误编码风格。
提前致谢
最佳答案
问题通常不在 Javascript 代码中(而且我没有查看您的代码),而是在您的 HTML 页面中的加载顺序。为了更好的加载行为,您应该将 Javascript 标记添加到页面底部。这背后的原因是,浏览器必须按顺序加载和执行 Javascript(因为脚本可能相互依赖),而其余的大部分可以并行完成。
关于javascript - 在哪里使用文档准备功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7230405/