javascript - 如何在 jquery 中的页面加载或页面刷新时调用 Jquery 方法

Question

我为我的项目创建了一个新的 JQuery 小部件，我需要在页面加载时调用该方法。

这是小部件示例:

(function($){
   $.widget("mywidget", {
     options: {

     },
    _create: function(){
      var self = this;
      $.ajax({
       url: "/api/1.0/getdata",
       type: "GET",
       contentType: "application/json",

       success: function(arg) {
        //will be inserting the details from the json call into the <div>
        var data = arg;
       },
        error: function(resp){
        }
     });
    }
  });
})(jQuery);

以下是我尝试调用小部件的方法:

$(document).ready(function(){
   console.log("show my widget");
   $("#div").mywidget();
});

这是我尝试为我的小部件加载的 HTML:

<div id="div">
  <p>Welcome to the newly created JQuery widget</p>
</div>

但是，当我执行此操作时，不会调用任何内容，也不会调用我试图从中访问要在消息中显示的数据的 URL，也不会调用 <div> 。知道如何在页面加载时访问小部件吗？

Answer 1

除了语法错误之外，使用最新的稳定 jQuery UI，我必须在小部件名称中包含一个命名空间。这是jsfiddle与你的代码工作。请注意，尝试访问 /api/1.0/getdata 时它将正确输出错误。

如果此解决方案在您的设置中不起作用，请确保在尝试使用它之前正在运行小部件初始化代码。