mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-07 15:07:13 +08:00
toggle wireup
This commit is contained in:
29
ext/simple/init.js
Normal file
29
ext/simple/init.js
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
|
||||||
|
(function(window, document, ionic) {
|
||||||
|
|
||||||
|
ionic.simple = {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
};
|
||||||
|
|
||||||
|
function initalize() {
|
||||||
|
// remove the ready listeners
|
||||||
|
document.removeEventListener( "DOMContentLoaded", initalize, false );
|
||||||
|
window.removeEventListener( "load", initalize, false );
|
||||||
|
|
||||||
|
// trigger that the DOM is ready
|
||||||
|
ionic.trigger("domready");
|
||||||
|
}
|
||||||
|
|
||||||
|
// When the DOM is ready, initalize the webapp
|
||||||
|
if ( document.readyState === "complete" ) {
|
||||||
|
// DOM is already ready
|
||||||
|
setTimeout( initalize );
|
||||||
|
} else {
|
||||||
|
// DOM isn't ready yet, add event listeners
|
||||||
|
document.addEventListener( "DOMContentLoaded", initalize, false );
|
||||||
|
window.addEventListener( "load", initalize, false );
|
||||||
|
}
|
||||||
|
|
||||||
|
})(this, document, ionic);
|
||||||
16
ext/simple/toggle.js
Normal file
16
ext/simple/toggle.js
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
|
||||||
|
(function(window, document, ionic) {
|
||||||
|
|
||||||
|
function initalize() {
|
||||||
|
|
||||||
|
ionic.on("swipe", swipe, document.body)
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function swipe(e) {
|
||||||
|
alert(e.target.tagName)
|
||||||
|
}
|
||||||
|
|
||||||
|
ionic.on("domready", initalize);
|
||||||
|
|
||||||
|
})(window, document, ionic);
|
||||||
@ -24,7 +24,7 @@
|
|||||||
<label class="toggle">
|
<label class="toggle">
|
||||||
<input type="checkbox" name="airplaneMode">
|
<input type="checkbox" name="airplaneMode">
|
||||||
<div class="track">
|
<div class="track">
|
||||||
<div class="switch"></div>
|
<div class="switch" draggable="true"></div>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
</li>
|
</li>
|
||||||
@ -33,7 +33,7 @@
|
|||||||
<label class="toggle">
|
<label class="toggle">
|
||||||
<input type="checkbox" name="doNotDisturb" checked="checked">
|
<input type="checkbox" name="doNotDisturb" checked="checked">
|
||||||
<div class="track">
|
<div class="track">
|
||||||
<div class="switch"></div>
|
<div class="switch" draggable="true"></div>
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
Reference in New Issue
Block a user