Check out the updated jsFiddle

Question

我只是从自己做的 j花开始。我仍然围绕与他们合作的概念总结我的头脑,在gin子里添加方法,我最近的努力失败了,我很想知道原因。在该案中,我经常使用一只手法,以做头脑,并想把这改成花板。

<><><><>>><>>>>><>>>>>>

<div id="contain">
    <input type="text" /><br />
    <input type="text" /><br />
    <input type="text" />
</div>

www.un.org/spanish/ecosoc

function capitaliseFirstLetter(string)
{
    return string.charAt(0).toUpperCase() + string.slice(1);
}

$( #contain > input ).keyup(function(){
    var $this = $(this);    
    $this.val(capitaliseFirstLetter($this.val()));
});

www.un.org/Depts/DGACM/index_spanish.htm 我的尝试

    (function($) {

    $.fn.capFirst = function () {        
            $(this).keyup(function(){
                var $this = $(this);    
                $this.val(methods.capitaliseFirstLetter($this.val()));
            });      
    };

    var methods = function () {       
        capitaliseFirstLetter: function(inputValue) {
              return inputValue.charAt(0).toUpperCase() + inputValue.slice(1);  
        } 
    };

})(jQuery);

$( #contain > input ).capFirst();

jsfiddle:。

UPDATE
working solution in jsfiddle: http://jsfiddle.net/ypWTd/163/

Answer 1

问题由以下章节引起:

var methods = function () {       
    capitaliseFirstLetter: function(inputValue) {
          return inputValue.charAt(0).toUpperCase() + inputValue.slice(1);  
    } 
};

这实际上造成SyntaxError。您似乎把 object子混在一起,把物体字字面要求与“舱”要求混为一谈(需要与<代码>新<>>/代码>操作者一起创建)。如果你只是把它变成一个目标,而不是一个功能,那么它就会发挥作用:

var methods = {       
    capitaliseFirstLetter: function(inputValue) {
          return inputValue.charAt(0).toUpperCase() + inputValue.slice(1);  
    } 
};

Here s an updated fiddle.

又注意到在你的原始方法中,this 已经成为 j的典范,因此你无需再通过:子:

 $(this).keyup(function() {  //$(this)...
 this.keyup(function() { //Can just be this

<>Update>

另一种方式(使用<条码>功能<>/条码>而不是物体字面)就是如此:

$.fn.capFirst = function () {
    this.keyup(function(){
        var $this = $(this),  
            m = new methods(); //Create an instance of methods
        $this.val(m.capitaliseFirstLetter($this.val())); //Call the method
    });                  
};
var methods = function() {       
    this.capitaliseFirstLetter = function(inputValue) {
          return inputValue.charAt(0).toUpperCase() + inputValue.slice(1);  
    } 
};

http://jsfiddle.net/ypWTd/138/“rel=“nofollow”>example 。

Answer 2

唯一明显的差别是,你为“这”使用两美元((美元)。您是否曾试图删除其中的一笔款项?

第二: 通常,你应“恢复”,以便能够进行链条。

第三:通常,你应使用原始材料中的 (ach)支持多种要素选择。

this.each(function() {
   $(this).keyup(...);
})

第四: 你们试图在使用“新”运营商之前使用一个类别的方法。你们都应这样做。

var myObject = {method: function() {...}}

myObject.method();

或您应首先对物体进行即时处理

var myObject = function() {
    function method() {
    }
}

var myInstance = new myObject();
myInstance.method();

Answer 3

(function($) {

    $.fn.capFirst = function () {
        return this.keyup(function() { // Returning the elements to maintain chainability
            var $this = $(this);    
            $this.val(methods.capitaliseFirstLetter($this.val()));
        });                  
    };

    var methods = { // Made this an object/array instead of a function that didn´t return anything.
        capitaliseFirstLetter: function(inputValue) {
            return inputValue.charAt(0).toUpperCase() + inputValue.slice(1);  
        } 
    };

})(jQuery);

$(document).ready(function() { // Selectors should not be used before the DOM is ready.
    $( #contain > input ).hide().capFirst().show().css( color ,  blue ); // Demo. chainability
});

j 优质文件载有一些关于。

阁下发现我完全的编辑:>。

Answer 4

This is how your plugin should be

jQuery.fn.capFirst = function () {
    $(this).keyup(function(){ 
        inputValue = $(this).val();
        inputValue = inputValue.charAt(0).toUpperCase() + inputValue.slice(1);
        $(this).val(inputValue);
    });                        
};

jQuery(function() {
    $( #contain > input ).capFirst();   
});

Check out the updated jsFiddle

This is how your plugin should be

Check out the updated jsFiddle

友情链接