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断点在我的萤火虫，他们不与输入要素的变化值改变。

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

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>