結合2個jQuery腳本一起工作

Question

我有這2個腳本，問題是僅當#hotel狀態改變時才調用函數檢查。 如何使功能檢查運行，並在#hotel的情況下不會更改。

 
var hotelMap = { hotel_a: 15, hotel_b: 5, hotel_c: 10 }; //Edw mporeis na allazeis to release period gia kathe ksenodoxeio 
$(function() { 
    $('#hotel').change(function() { 
    var selectVal = $('#hotel :selected').val(); 
    $("#from, #to").datepicker("option", "minDate", hotelMap[selectVal]); 
    }); 
     var dates = $('#from, #to').datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      dateFormat: 'yy-m-d', 
      minDate: 15,//Episis edw prepei na mpainei to release period tou prwtou stoixeiou sth lista 
      numberOfMonths: 3, 
      onSelect: function(selectedDate) { 
       var option = this.id == "from" ? "minDate" : "maxDate"; 
       var instance = $(this).data("datepicker"); 
       var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings); 
       dates.not(this).datepicker("option", option, date); 
      } 
     }); 
    }); 

 
$(document).ready(check); 
      function check(){ 
       $('#from, #to, #hotel').bind('change', update); 
       $('#wait').show(); 
      } 
      function update(){ 
       var from=$('#from').attr('value'); 
       var to=$('#to').attr('value'); 
       var hotel=$('#hotel').attr('value'); 
       $.get('get_availability.php', {from: from, to:to, hotel:hotel}, show); 
      } 
      function show(avail){ 
       $('#wait').hide(); 
       $('#availability').html(avail); 
      } 

Answer 1

您可以使用jQuery的trigger事件。因此，在你的代碼的某個地方，你可以補充一點：

$('#hotel').trigger('change'); 

---

編輯：

我更新了demo ...我添加了名爲「更新」的功能變化和內內一個新的觸發事件日期選擇器功能。然後，我將check()函數更改爲綁定到更新和模糊事件（出於某種原因，日期選取器窗口中的模糊效果更好）。

這裏是我結束了代碼：

var hotelMap = { hotel_a: 15, hotel_b: 6, hotel_c: 10 }; 
$(function() { 
$('#hotel').change(function() { 
    // assign the value to a variable, so you can test to see if it is working 
    var selectVal = $('#hotel :selected').val(); 
    $("#from, #to").datepicker("option", "minDate", hotelMap[selectVal]); 
    $(this).trigger('update'); 
}); 

var dates = $('#from, #to').datepicker({ 
    defaultDate: "+1w", 
    changeMonth: true, 
    dateFormat: 'yy-m-d', 
    minDate: 10, 
    numberOfMonths: 1, 
    onSelect: function(selectedDate) { 
      var option = this.id == "from" ? "minDate" : "maxDate"; 
      var instance = $(this).data("datepicker"); 
      var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings); 
      dates.not(this).datepicker("option", option, date); 
      $(this).trigger('update'); 
      } 
}); 
}); 

$(function(){ 
$('#from, #to, #hotel').bind('update blur', function(){ 
    var from=$('#from').attr('value'); 
    var to=$('#to').attr('value'); 
    var hotel=$('#hotel').attr('value'); 
    $('#availability').html(hotel + ' : ' + from + ' -> ' + to); 
}); 
}) 

Answer 2

移動功能，在第二文件出該文檔準備就緒（在窗口水平）的。目前他們僅限於準備文檔事件。

然後，你可以從任何地方調用函數（儘管你可能想把它們放在一個閉包中）。當函數首先被評估時，文件的加載順序無關緊要。

出於性能方面的考慮，儘量將這段代碼放到一個文件中。如果這是可能的，那麼你可以把這些函數和代碼一起放在一個document.ready中。這可能是最好的解決方案。