TypeScript-KnockoutJS-RequireJS-jQuery-Example/index.html at 0.9.0 · sadhat/TypeScript-KnockoutJS-RequireJS-jQuery-Example · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<head>
    <title>Ah yeah!</title>

    <script type="text/javascript">
        var require = {
            // Base URL for scripts is the 'js' folder
            baseUrl: "js",
            /*
             * You can specify 'fallback' paths for external dependencies, in case
             * they fail to load (i.e. you're developing and don't have internet).
             *
             * http://requirejs.org/docs/api.html#pathsfallbacks
             */
            paths: {
                'jquery': [
                    "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min",
                    "./vendor/jquery-2.0.0.min"
                ],
                'knockout': [
                    "http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1",
                    "./vendor/knockout-2.2.1"
                ],
                'jquery.blinky': "./vendor/jquery.blinky",
                'text': "./vendor/require.text"
            },
            /*
             * The 'jquery.blinky' plugin is not an AMD module, and as such must be shimmed.
             *
             * http://requirejs.org/docs/api.html#config-shim
             * http://requirejs.org/docs/api.html#config-enforceDefine
             */
            enforceDefine: false,
            shim: {
                // make sure 'blinky', a jQuery plugin, depends on jQuery.
                'jquery.blinky': {
                	deps: ['jquery'],
                	exports: 'jQuery.fn.blinky'
            	}
            },
            /*
             * These are per-module config objects, very handy.
             *
             * http://requirejs.org/docs/api.html#config-moduleconfig
             */
            config: {
                'app/main': {
                    action: "http://bit.ly/192nbOw"
                }
            }
        };
    </script>
    <script type="text/javascript" data-main="app/main" src="js/vendor/require.js"></script>
</head>
<body>
    <h1>What's the time? <a data-bind="text: time, attr: { href: action }"></a></h1>
</body>
</html>