使用函数调用jQuery插件以在插件中运行

时间:2014-09-02 19:14:04

标签: jquery

$.fn.example = function( ) {
  $.getJSON("example.json", function(json){ 
    //1
  });
};

$("div").example(function () {
  $(this).text(json.text); //2
});

我想做这样的事情。 #2必须在#1中运行。

2 个答案:

答案 0 :(得分:1)

那么在参数中定义一个变量并使用它?

$.fn.example = function( callback ) {
    var cb = callback ? $.proxy(callback, this) : function(){};
    var txt = $(this).text().toUpperCase();
    $.getJSON("example.json", function(json){  
        cb(json);
    });
};

$("div").example(function (json) {
    $(this).text(json.text); //2
});

http://learn.jquery.com/plugins/basic-plugin-creation/#accepting-options

答案 1 :(得分:0)

我认为您正在使用jquery_example插件。

根据您的代码,您想要的示例文本位于json.text。在这种情况下,您可以在回调函数中初始化它:

$.fn.example = function( ) {
    $.getJSON("example.json", function(json){ 
        $("div").example(json.text);
    });
};