jQuery插件,使用val()方法接受并返回值

时间:2009-05-13 23:44:11

标签: jquery-plugins

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

以下是该方案:

  1. 使用jQuery选择器获取一组DIV并在其上应用插件(假设该插件名为“mytest”。
  2. 在同一组DIV上使用val()方法我想为它们设置一些属性。
  3. 做这类事情的正确方法是什么?

    $.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”。并且v.v.通过调用“val()”方法,我想得到字符串“value1 value2”。

    祝你好运, 的Matthias

1 个答案:

答案 0 :(得分:0)

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

调用它们
$("...").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);