如何在 HTML 中使用来自外部文件的 Jquery 对象？答案

【问题标题】：How to use an Jquery object from external file in HTML?如何在 HTML 中使用来自外部文件的 Jquery 对象？
【发布时间】：2018-10-24 02:29:36
【问题描述】：

我对前端比较陌生。

我想知道如何使用从外部链接返回的 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 文件中使用此对象？

【问题讨论】：

标签： javascript jquery html datepicker

【解决方案1】：

查看project中的示例代码：

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

$( "#myDate" ).datepicker();

【讨论】：

你能分享代码或 html 以便我检查它为什么不工作吗？

【解决方案2】：

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

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

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

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

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

【讨论】：

【解决方案3】：

好的，我找到了新的（对我而言）概念。

这称为工厂函数。

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

在我的例子中，我试图使用从工厂函数创建的对象 datepicker.regional[ "en-NZ" ]。

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

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

另外，添加 document.ready 部分也很重要，除非它无法启动。

【讨论】：