|
2 | 2 | <html>
|
3 | 3 | <head>
|
4 | 4 | <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
|
5 |
| - <title>jquery.ui-contextmenu.js - Demo</title> |
| 5 | + <title>jquery.ui-contextmenu.js - Demo (jQuery UI 1.12)</title> |
6 | 6 |
|
7 |
| - <link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" /> |
| 7 | + <link href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" /> |
8 | 8 |
|
9 | 9 | <!-- <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> -->
|
10 |
| - <script src="//code.jquery.com/jquery-1.12.4.min.js"></script> |
11 |
| - <!-- <script src="//code.jquery.com/jquery-3.0.0.min.js"></script> --> |
| 10 | + <!-- <script src="//code.jquery.com/jquery-1.12.4.min.js"></script> --> |
| 11 | + <script src="//code.jquery.com/jquery-3.2.1.min.js"></script> |
12 | 12 | <!-- <script src="//code.jquery.com/jquery-migrate-3.0.0.min.js"></script> -->
|
13 | 13 |
|
14 |
| - <script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> |
| 14 | + <script src="//code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> |
15 | 15 |
|
16 | 16 | <!-- Optional custom library to enable 'taphold' events -->
|
17 |
| - <script src="jquery-taphold/taphold.js" type="text/javascript"></script> |
| 17 | + <script src="jquery-taphold/taphold.js"></script> |
18 | 18 |
|
19 | 19 | <!-- Just for this demo: Custom library to add a dynamic themeroller switcher -->
|
20 | 20 | <script src="../lib/Super-Theme-Switcher/jquery.themeswitcher.js"></script>
|
|
72 | 72 | $(function(){
|
73 | 73 | /* Enable a themeroller theme-switching using a combobox. */
|
74 | 74 | $("#switcher").themeswitcher({
|
75 |
| - jqueryuiversion: "1.11.2", |
| 75 | + jqueryuiversion: "1.12.0-rc.2", |
76 | 76 | themepath: "//code.jquery.com/ui/",
|
77 | 77 | imgpath: "../lib/Super-Theme-Switcher/images/",
|
78 |
| - loadTheme: "Smoothness" |
| 78 | + loadTheme: "Base" |
79 | 79 | });
|
80 | 80 |
|
81 | 81 | /* Menu 1: init by passing an array of entries. */
|
|
119 | 119 |
|
120 | 120 | // console.log("beforeOpen", event, ui, event.originalEvent.type);
|
121 | 121 |
|
122 |
| - ui.menu.zIndex( $(event.target).zIndex() + 1); |
| 122 | + // NOTE: zIndex() was removed in jQuery 1.12: |
| 123 | + // https://jqueryui.com/upgrade-guide/1.12/#removed-zindex |
| 124 | +// ui.menu.zIndex( $(event.target).zIndex() + 1); |
123 | 125 |
|
124 | 126 | $(document)
|
125 | 127 | // .contextmenu("replaceMenu", [{title: "aaa"}, {title: "bbb"}])
|
@@ -191,11 +193,11 @@ <h1>jquery.ui-contextmenu.js</h1>
|
191 | 193 | </iframe>
|
192 | 194 |
|
193 | 195 | <p>
|
194 |
| - <b>Demo with jQuery UI 1.11</b> |
| 196 | + <a href="index-1-10.html">Demo with jQuery UI 1.10</a> |
195 | 197 | —
|
196 |
| - <a href="index-1-12.html">Demo with jQuery UI 1.12</a> |
| 198 | + <a href="index-1-11.html">Demo with jQuery UI 1.11</a> |
197 | 199 | —
|
198 |
| - <a href="index-1-10.html">Demo with jQuery UI 1.10</a> |
| 200 | + <b>Demo with jQuery UI 1.12</b> |
199 | 201 | </p>
|
200 | 202 |
|
201 | 203 | <div>
|
@@ -234,21 +236,21 @@ <h3>Sample 2</h3>
|
234 | 236 | </div>
|
235 | 237 |
|
236 | 238 | <ul id="options" style="display: none;">
|
237 |
| - <li data-command="action1"><span class="ui-icon custom-icon-firefox"></span>Action 1</li> |
238 |
| - <li data-command="action2"><span class="ui-icon ui-icon-heart"></span>Action 2</li> |
239 |
| - <li data-command="action3" class="ui-state-disabled">Action 3</li> |
| 239 | + <li data-command="action1"><div><span class="ui-icon custom-icon-firefox"></span>Action 1</div></li> |
| 240 | + <li data-command="action2"><div><span class="ui-icon ui-icon-heart"></span>Action 2</div></li> |
| 241 | + <li data-command="action3" class="ui-state-disabled"><div>Action 3</div></li> |
240 | 242 | <li>----</li>
|
241 | 243 | <li>Extra
|
242 | 244 | <ul>
|
243 |
| - <li data-command="action4">sub4</li> |
244 |
| - <li data-command="action5">sub5</li> |
| 245 | + <li data-command="action4"><div>sub4</div></li> |
| 246 | + <li data-command="action5"><div>sub5</div></li> |
245 | 247 | </ul>
|
246 | 248 | </li>
|
247 | 249 | </ul>
|
248 | 250 |
|
249 | 251 | <ul id="options2" class="ui-helper-hidden">
|
250 |
| - <li data-command="action2"><span class="ui-icon ui-icon-heart"></span>Action 2 |
251 |
| - <li data-command="action3" class="ui-state-disabled">Action 3 |
| 252 | + <li data-command="action2"><span class="ui-icon ui-icon-heart"></span>Action 2</li> |
| 253 | + <li data-command="action3" class="ui-state-disabled">Action 3</li> |
252 | 254 | </ul>
|
253 | 255 |
|
254 | 256 | <h3>Sample 3</h3>
|
|
0 commit comments