Плагин Jquery datajoin не работает должным образом

Question

Я пытался использовать плагин jquery datajoin для привязки объекта JSON к набору входных элементов.Мой HTML выглядит следующим образом -

<script type="text/javascript" language="javascript" src="/LearningJSP/FirstOne/jquery.js"></script>
<script type="text/javascript" language="javascript" src="/LearningJSP/FirstOne/jquery.datajoin.1.1.js"></script>

<script type="text/javascript">
var obj = {
    username : 'strongb',

    name : {

              first : 'Strong',

              last : 'Bad'

           },

    color : 'blue'
};
$('#container').datajoin( obj );

</script>

<div id="container">
   <div data-join="username"></div>
   <input type="text" data-join="name.first" />
   <input type="text" data-join="name.last" />
   <select data-join="color">
       <option>green</option>
       <option>blue</option>
   </select>
</div>

</html>

Однако, когда я сохраняю точку останова на obj.color или obj.username в моем firebug, они не изменяются с измененными значениями в элементах ввода.

Может кто-нибудь, пожалуйста, помогите мне - что я могу делать не так.

Answer 1

форма не готова, когда вы запускаете скрипт, поэтому вот что вы можете сделать:

<script type="text/javascript">
var obj = {
    username : 'strongb',
    name : {
              first : 'Strong',
              last : 'Bad'
           },
    color : 'blue'
};

$(function () {
   // run it when the DOM is ready
   $('#container').datajoin( obj );

});

    // and voila
</script>