Works with vanilla javascript but not jquery

Question

I'm trying to attach VKI (see http://www.greywyvern.com/code/javascript/keyboard) to an element that's being dynamically added to the DOM via Javascript.

Essentially, it's a table with only one row to begin with and there's "Add Row" and "Delete Row". It gets tricky because each row has an input that needs VKI attached to it.

Below is just a snippet of my otherwise larger code to handle adding and deleting row.

$('#add-passenger-row').click(function(){
    get_lastID();
    $('#passenger-information tbody').append(newRow);


    // this doesn't work --- throws "Uncaught TypeError: undefined is not a function" 
    var myInput = $(newRow).find('#myInput');
    VKI_attach(myInput);

    // this works
    var myInput = document.getElementById('myInput');
    VKI_attach(myInput);

});

My question is... how can I make this work? i.e. attach VKI to each input in the row that's added dynamically when a user clicks "Add Row"

I can create JSBin if question is not clear enough.

also, it seems like you are adding multiple elements with the same Id... — Johan
– Johan, Commented Apr 17, 2014 at 13:35

Barmar · Accepted Answer · 2014-04-17 13:41:59Z

1

Try:

var myInput = $(newRow).find('#myInput').get(0);
VKI_attach(myInput);

.get() retrieves the DOM element from a jQuery object. VKI is not a jQuery widget, so it doesn't work with jQuery objects, it expects raw DOM elements.

answered Apr 17, 2014 at 13:41

Barmar

789k57 gold badges554 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aheinlein · Accepted Answer · 2014-04-17 13:43:46Z

1

I think d-bro82 and ZiNNED are both right, but try var myInput = $('#myInput')[0]; Since VNK_attach only accepts a dom element, the [0] should remove the jQuery wrapper

answered Apr 17, 2014 at 13:43

Aheinlein

4722 gold badges7 silver badges19 bronze badges

Comments

d-bro82 · Accepted Answer · 2014-04-17 13:36:06Z

0

Try

var myInput = $('#myInput');

Good luck

answered Apr 17, 2014 at 13:36

d-bro82

5001 gold badge6 silver badges21 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:26:03Z

0

The reason the jQuery variant isn't working is because $(newRow).find('#myInput') is not the same as document.getElementById('myInput'). See this SO question. Apparently VKI_attach only accepts a DOM-element and not a jQuery wrapper element.

edited May 23, 2017 at 10:26

CommunityBot

11 silver badge

answered Apr 17, 2014 at 13:38

ZiNNED

2,64022 silver badges32 bronze badges

Collectives™ on Stack Overflow

Works with vanilla javascript but not jquery

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related