javascript - 为什么一个 $(document).ready(function() { 会阻止另一个 $(document).ready(function() { 运行？

Question

我知道我应该能够运行许多 $(document).ready(function() { ，因为我喜欢，但事实是，在我的页面上，我不能。虽然我很感激人们让我知道我应该能够做到这一点，我真的希望有人能够告诉我为什么其中一个函数会阻止另一个函数运行。

我在同一页面上运行两个单独的 $(document).ready(function() { 。一个用于在选择搜索结果时更新下拉菜单。另一个用于在选择搜索结果时调用日历函数用户单击“日期”文本框。除非我调用名称搜索函数，否则日期函数可以正常工作。如果我调用名称搜索函数，则日期函数根本不会运行。我是一个 php hack，而且对 javascript 几乎一无所知。

这两个函数包含在不同的“js”页面中。下面是两个函数:

<script language="JavaScript" src="<?php echo MAIN_BASE_PATH?>/includes/utils.js" type="text/javascript"></script>


<script type="text/javascript"> 

$(document).ready(function(){
jquery_date('date');
});
</script>



function jquery_date(name){
$("input[name='"+name+"']").datepicker({ dateFormat: 'mm-dd-yy'  });
}

<小时/>

<link rel="stylesheet" type="text/css" href="../jquery.autocomplete.css" />
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="../jquery.autocomplete.js"></script>
<script>
$(document).ready(function(){
    $("#student_search").autocomplete("autocomplete_student.php", {
           selectFirst: true
    });

     $("#student_search").result(function(event, data, formatted) {

        $("#student_menu_<?php echo $field_name;?>").val(data[1]);
});
});
</script>

Answer 1

您可以轻松地将两者合并为一(在调用时完全加载您的页面之后)。

多个绑定(bind)的问题是，如果其中一个绑定(bind)因错误而失败，则链中的下一个将不会执行，您的代码是否可能生成这样的错误？ (根据 Alex 的评论更正了之前的帖子，10 倍添加了 +)

查看熟食店的帖子: http://api.jquery.com/ready/