將jquery變量定義爲超出範圍的函數

Question

我試圖將參數（gmap_settings）傳遞給包含的外部js文件中的函數（初始化）。我的PHP文件看起來是這樣的：

<?php 
$setting = array(
    'zoom' => 8 
); 

$json = json_encode($setting); 
?> 

<script type="text/javascript"> 
//<![CDATA[ 

jQuery(document).ready(function($) { 
    var gmap_settings = $.parseJSON ('<?php echo $json; ?>'); 
--> google.maps.event.addDomListener(window, 'load', $(document).initialize(gmap_settings)); 
}); 

//]]> 
</script> 

爲了簡便起見，可以說，外部的js文件看起來像這樣：

(function($) { 
    var initialize = function(data) { alert(data); }; 
})(jQuery); 

不管我怎麼努力我無法弄清楚如何將gmap_settings傳遞給initialize()。我試過功能initialize()在外部文件：

$(document).initialize.gmap_settings 
$(document).initialize({gmap_settings}) 
initialize(gmap_settings) 

我不明白我錯過了什麼。

Answer 1

你爲什麼認爲$(document).initialize可以工作？

您可以實現在外部JavaScript文件模塊模式，並返回一個對象，並調用初始化對象

var YourModule = (function($) { 
    return { 
     initialize: function(data) { alert(data)} 
    }; 
})(jQuery); 

現在你有一個變量上，你可以使用

var newModule = Object.create(YourModule); 
newModule.initialize('This will be alerted')