对象在jQuery插件中没有方法'charAt'

Question

I am attempting to use the autoNumeric jQuery plug-in which helps with the conversion of various currencies in jQuery.

The plug-in itself works when I use it in a jsFiddle example .

$(function () {
    $('.money').autoNumeric('init', {
        aSign: '$',
        vMin: '-999999999.99',
        nBracket: '(,)'
    });
});

However, as soon as I integrate it into a big, legacy project, I start receiving the above error on line 194. I know why I'm getting the error - a string is not being passed into the negativeBracket function ( negativeBracket(s, nBracket, oEvent) is the signature). Instead, it seems to be a jQuery object - e.fn.init 1 . I'm confused on how this might be happening. I realize the community may not be able to give a direct answer, but I would love (and will accept as an answer) being pointed in the right direction as nothing has jumped out at me so far.

Update

So, have some additional info that may be of help. It still has me stumped how it's happening (unfortunately, the answers below didn't help to provide any additional insight). When I link in autoNumeric, I key it off of any text field with the class money. It does work as I am typing in the box. I can see see formatting. However, when I tab into a new box, the box I just finished typing in clears itself completely after hitting line 152 in autoNumeric with the same exact error.

@Carlos487 was correct in his answer when he said I have an object that is not a string. I instead have an object that, I believe, is a function. Here's what I'm seeing in Chrome debugger tools:

e.fn.init[1]

> 0: input#price.money required
> context: input#price.money required
 length: 1
 selector: ""
> __proto__: Object[0]

The "arrowed" items can be further expanded out. I don't know if this provides any more clues, but it's at least something a bit different.

Answer 1

The errors like

no method XXXXX in Object

are produced because you are trying to call obj.XXXX() and obj is not of the desired type, in your particular case a string .

Have you tried in another browser because older or IE can be a little troublesome. I would recomend using chrome developer tools with your legacy app to see if anything else is conflicting or producing the error

Answer 2

I will bet money that you are using a second library which is interfering with jQuery. It has probably overridden $ with its own function.

Try using jQuery instead of $ :

jQuery(function () {
    jQuery('.money').autoNumeric('init', {
        aSign: '$',
        vMin: '-999999999.99',
        nBracket: '(,)'
    });
});

Answer 3

It turns out that the issue was a myriad of issue compounding into the error I saw. A couple things that was happening:

1. The validator plug-in was wrapping the jQuery object in its own structure (hence the charAt issue).
2. Once I fixed that, I also learned that some homegrown code was also wiping and rewriting data into the field to provide formatting (which is what autoNumeric is also doing), so autoNumeric would bomb out because it would get a null value and attempt to format it.

There was some other random craziness that also needed cleaned up. So...issue resolved! Still more to work on, but at least this hurdle is past. Thanks all for your help.