jquery-plugins - 使用 val() 方法接受和返回值的 jQuery 插件

Question

有谁知道如何创建一个 jQuery 插件来响应对 val() 方法的调用？

这是场景：

1. 使用 jQuery 选择器获取一组 DIV 并在其上应用插件（假设该插件名为“mytest”。
2. 在同一组 DIV 上使用 val() 方法，我想为它们设置一些属性。

做这种事情的正确方法是什么？

$.fn.example = function(options) {
    return this.each(function() {
        var edits = $("<input type='text'/><input type='text' />");
        $(this).html(edits);
    });
}

$(document).ready(function() {
    $("#example").example();
    $("#example").val("value1 value2");
    window.alert($("#example").val());
});

在这种情况下，第一次编辑应该有值“value1”，第二次编辑应该有值“value2”。vv 通过调用“val()”方法，我想找回字符串“value1 value2”。

最好的问候， 马蒂亚斯

Answer 1

我已经意识到通过使用其他方法然后使用它们调用它们

$("...").pluginname("methodname", ..parameters..);

句法。它的工作原理与其他插件完全一样，所以我想这是正确的方法。在上面的示例中，代码如下所示：

$.widget("ui.example", {
    _init: function() {
    }
});

$.extend($.ui.example, {
    version: "1.7.1",
    defaults: {
        value: ""
    }
});

然后用法是：

$("#example").example("option", "value", "value1 value2");
var value = $("#example").example("option", "value");
window.alert(value);