@@ -12,18 +12,20 @@ A jQuery plugin that makes it easy to i18n your static web site.
12
12
## Getting Started
13
13
Download the [ production version] [ min ] or the [ development version] [ max ] .
14
14
15
- [ min ] : https://raw.github.com/jgolla/jquery-localize/master/dist/localize.min.js
16
- [ max ] : https://raw.github.com/jgolla/jquery-localize/master/dist/localize.js
15
+ [ min ] : https://raw.github.com/jgolla/jquery-localize/master/dist/jquery. localize.min.js
16
+ [ max ] : https://raw.github.com/jgolla/jquery-localize/master/dist/jquery. localize.js
17
17
18
18
### Load the jquery-localize plugin on your page.
19
19
20
- It's the file located at ` build /jquery.localize.js`
20
+ It's the file located at ` dist /jquery.localize.js`
21
21
22
22
### Mark up tags whose content you want to be translated
23
23
24
24
Somewhere in your html:
25
25
26
- <h1 data-localize="greeting"> Hello! </h1>
26
+ ``` html
27
+ <h1 data-localize =" greeting" > Hello! </h1 >
28
+ ```
27
29
28
30
### Provide a JSON language file that has translations:
29
31
@@ -94,13 +96,15 @@ If you rely on the default callback and use the "data-localize" attribute then t
94
96
95
97
** HTML:**
96
98
97
- <p data-localize="title">Tracker Pro XT Deluxe</p>
98
- <p data-localize="search.placeholder">Search...</p>
99
- <p data-localize="search.button">Go!</p>
100
- <p data-localize="footer.disclaimer">Use at your own risk.</p>
101
- <p data-localize="menu.dashboard">Dashboard</p>
102
- <p data-localize="menu.list">Bug List</p>
103
- <p data-localize="menu.logout">Logout</p>
99
+ ``` html
100
+ <p data-localize =" title" >Tracker Pro XT Deluxe</p >
101
+ <p data-localize =" search.placeholder" >Search...</p >
102
+ <p data-localize =" search.button" >Go!</p >
103
+ <p data-localize =" footer.disclaimer" >Use at your own risk.</p >
104
+ <p data-localize =" menu.dashboard" >Dashboard</p >
105
+ <p data-localize =" menu.list" >Bug List</p >
106
+ <p data-localize =" menu.logout" >Logout</p >
107
+ ```
104
108
105
109
** application-es.json (fake spanish)**
106
110
@@ -122,7 +126,11 @@ If you rely on the default callback and use the "data-localize" attribute then t
122
126
123
127
** Localize it!**
124
128
125
- $("[data-localize]").localize("application", { language: "es" })
129
+ ``` html
130
+ <script >
131
+ $ (" [data-localize]" ).localize (" application" , { language: " es" })
132
+ </script >
133
+ ```
126
134
127
135
### Callbacks
128
136
0 commit comments