我知道我应该能够运行许多 $(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>