3

リベットライブラリに出くわし、簡単な例を実行しようとしました。しかし、私には2つの問題がありました：

  1. チュートリアルでは、"user.name" (ドット付き) と書いていますが、私にとっては "user:name" と書いた場合にのみ機能します。
  2. user.name プロパティを変更しても DOM が変更されないのはなぜですか?

コード：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />

    <title>Example</title>

    <script src="/js/rivets.min.js"></script>
    <script src="/js/jquery-2.0.0.min.js"></script>
    <script>
        $(function() {
            var user = {
                name: 'User'
            }

            $('#userName').keyup(function() { 
                user.name = $('#userName').val();
            });

            rivets.bind($('#user'), { user:user })
        });
    </script>
</head>

<body>
    <input type="text" id="userName" />

    <div id="user">
        <p data-text="user:name"></p>
    </div>
</body>
</html>
4

2 に答える 2