Question

我对新手还比较陌生。

我想知道如何使用外部链接返回的jquery对象。

例如，此位置（https://github.com/jquery/jquery-ui/blob/master/ui/i18n/datepicker-en-NZ.js）上的js文件返回“ datepicker.regional [“ en-NZ”];”像下面这样的对象

( function( factory ) {
    if ( typeof define === "function" && define.amd ) {

        // AMD. Register as an anonymous module.
        define( [ "../widgets/datepicker" ], factory );
    } else {

        // Browser globals
        factory( jQuery.datepicker );
    }
}( function( datepicker ) {

datepicker.regional[ "en-NZ" ] = {
    closeText: "Done",
    prevText: "Prev",
    nextText: "Next",};
datepicker.setDefaults( datepicker.regional[ "en-NZ" ] );

return datepicker.regional[ "en-NZ" ];

我将此js文件导入到主要的html文件中，并将其嵌入到head标签中。

<script src="path/datepicker-en-NZ.js"></script>

现在，我需要使用返回的对象，该对象为 datepicker.regional [“ en-NZ”] 。如何在主html文件中使用此对象？

Answer 1

检查project中的示例代码：

我建议您在HTML中添加Bootstrap.js
您需要在html文件中添加输入控件，即id = myDate
用日期选择器绑定

$（“ #myDate”）.datepicker（）;

Answer 2

我在jQueryUI网站上找到了一个演示，其中提供了一些有关如何使用其日期选择器的见解：http://jqueryui.com/datepicker/#localization

我相信所提供的源代码中的Javascript是重要的一环：

  $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );

我的理解是，您需要创建一个Datepicker对象，并使用其ID将其绑定到<input>。

<input type="text" id="datepicker" />

Answer 3

好的，我找到了新的（对我来说）概念。

这称为工厂功能。

Factory函数的定义是返回对象的函数。

就我而言，我试图使用从工厂函数创建的对象，该对象为 datepicker.regional [“ en-NZ”] 。

因此，我可以通过在对象名称之前添加 $。在主html文件中调用和使用该对象。

<script>
$(document).ready(function(){
    $('#datepicker').datepicker($.datepicker.regional[ "zh-CN" ] );
});
</script>

添加document.ready部分也很重要，除非它不会开始起作用。

如何从HTML中的外部文件使用Jquery对象？

3 个答案: