Question

我正在研究jquery日历，但我需要在页面加载和点击时调用一个函数。当第一次加载页面时，它应该自动调用并执行该函数，第二次及以后应该通过点击调用。可能吗？？如果是的话请帮助我。

   <script type="text/javascript">

   $(document).ready(function(){
      $("#fullDate").datepicker({

        showOn: "button",
        buttonImage: "images/calender.jpg",
        buttonImageOnly: true,

        onClose: function(dateText, inst) {
        $('#year').val(dateText.split('/')[2]);
        $('#month').val(dateText.split('/')[0]);
        $('#day').val(dateText.split('/')[1]);
    }


    });


});
</script>

Answer 1

尝试编写一个命名函数并在两个事件上调用它：

function doSomething() {
    // ...
}
$(document).ready(function() { doSomething() });
$(yourElem).on("click", function() { doSomething() });

除了将匿名函数编写为回调之外，只需调用doSomething，您还可以将函数名称作为参数传递，通过不会使用不必要的匿名函数使内存混乱来获得一点性能：

$(document).ready(doSomething);
$(yourElem).on("click", doSomething);

Answer 2

$(document).ready(function(){
  $("#fullDate").datepicker({
    showOn: "button",
    buttonImage: "images/calender.jpg",
    buttonImageOnly: true,

    onClose: function(dateText, inst) {
        $('#year').val(dateText.split('/')[2]);
        $('#month').val(dateText.split('/')[0]);
        $('#day').val(dateText.split('/')[1]);
    }
  });
  $("#fullDate").datepicker("show"); // this will run once.
});

Answer 3

在加载过程中，您可以使用

//when window loads
$(window).load(function(){
    functionCallHere();
});

//or when DOM is ready
$(document).ready(function(){
    functionCallHere();
});

然后点击

$(element).click(function(){
    functionCallHere();  //call the function again
});

其中functionCallHere是在这些事件上调用的公共函数的名称。

jquery函数调用页面onload和onclick？

3 个答案: