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>

但是，当我将断点保存在我的firebug中的obj.color或obj.username时，它们不会随输入元素中更改的值而改变。

任何人都可以帮助我 - 我可能做错了什么。

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>

Jquery datajoin插件无法正常工作

1 个答案: