how to write knock out Data bind event dynamically in jquery?

Question

var $butt = $('<input/>').attr({
    type: 'button',
    value: data.styleData,
    id: butnId,
    data - bind: event: {
        click: $parent.submitPopUp
    }
});

it shows an error

It would be very useful to know exactly what the error says instead of just saying "It shows an error". — greg84, Jun 03 '13 at 10:14

score 1 · Answer 1 · edited May 23 '17 at 10:25

1

I think you can't use data - bind directly. It's not valid variable name or attribute name because of the space

but you can do instead :

var $butt = $('<input/>').attr({
    type: 'button',
    value: "button",
    id: "btnId",
    "data-bind": 'event: {click: $parent.submitPopUp}'
});

Kindly check this

edited May 23 '17 at 10:25

Community

1
1

answered Jun 03 '13 at 10:18

ebram khalil

8,252
7
42
60

Hmm, but I think this is not the way to add any `element` in `DOM`. – Rohan Kumar Jun 03 '13 at 10:30
in the question @hemanth didn't write anything about adding the element. simple he can use this "$('selector').append($butt);" – ebram khalil Jun 03 '13 at 10:33

score 1 · Accepted Answer · edited May 23 '17 at 11:43

1

You are using attr in a wrong way You should try this,

$(function(){
  var butt = $('<input/>',{
      type: 'button',
      value: "button",
      id: "btnId",
      "data-bind": 'event: {click: $parent.submitPopUp}'
   }).appendTo('body');
});

Fiddle http://jsfiddle.net/JAGLu/

Read Best way to add DOM elements with jQuery

edited May 23 '17 at 11:43

Community

1
1

answered Jun 03 '13 at 10:29

Rohan Kumar

40,431
11
76
106

how to write knock out Data bind event dynamically in jquery?

2 Answers2