Question

我想将下面的脚本设置为在页面加载时开始，这样如果输入了公司名称，将会自动显示增值字段，是否有人可以帮我看看？

//--></script> 
<script type="text/javascript"><!--
$('.colorbox').colorbox({
    width: 560,
    height: 560
});
$("input[name=company]").blur(function() {
  if($(this).val().length>0) {
    $("#vat").show();
    $("#fiscal").hide();
    $("#vat").find("input").eq(0).focus();
  } else {
    $("#vat").hide();
    $("#fiscal").show();
    $("#fiscal").find("input").eq(0).focus();
  }
});

//--></script>

Answer 1

试试这个：

$(function() {
    showvat($("input[name=company]"));
    $("input[name=company]").blur(function() {
        showvat($(this));
    });
});

function showvat(element) {
    if(element.val().length>0) {
        $("#vat").show(); 
        $("#fiscal").hide();
        $("#vat").find("input").eq(0).focus();
    } else {
        $("#vat").hide();
        $("#fiscal").show();
        $("#fiscal").find("input").eq(0).focus();
    }
}

请注意：

$(function() {..});与$(document).ready(function() {});

相同

您还可以将该功能附加到$(window).load(function(){});

Answer 2

以下是此工作的一个示例：http://jsfiddle.net/fPtJ8/

$(document).ready(function() {
    // original code here
});

这就是你要找的东西吗？

Answer 3

由于您使用的是JQuery，我可能会使用

$(document).ready(function(){
   // your code...
});

或

$(window).load(function(){
   // your code...
});

前者在DOM“准备好”进行操作后运行您的代码。后者在加载了所有页面元素（图像等等）后运行代码

查看此SO帖子了解更多信息：window.onload vs $(document).ready()

窗口加载时的JavaScript

3 个答案: