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时正确输出错误。

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

Answer 2

您的文档似乎只是缺少括号.. 试试 -

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

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

2 个答案: