Hide li Icon
<ul data-icon="false" >Improve Performance
<script type="text/javascript">
$(document).bind("mobileinit", function() {
$.mobile.autoInitializePage = false;
$.mobile.defaultPageTransition = 'none';
$.mobile.touchOverflowEnabled = false;
$.mobile.defaultDialogTransition = 'none';
$.mobile.loadingMessage = 'Daten werden geladen...' ;
});
</script>
Close Panel
<a data-rel="close">Load Div Content
<html><head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#selectedTarget').load('includes/contentSnippet.html');
});
</script>
</head>
<body>
<div id="selectedTarget">
Existing content.
</div>
</body>
</html>
Replace Div Content by HTML when click
$('#selectedTarget').click(function(){
$("#switcher-panel").load("includes/datainput.html");
});
Grid Layout
<div id="dataedit-content" class="switcher-content">
<fieldset class="ui-grid-c">
<div class="ui-block-a">
<a href="#page2"><img alt="" src="img/pencil_48.png"></a>
<div class="imgCaption">Dataeingabe 1</div>
</div>
<div class="ui-block-b">
<a href="#page2"><img alt="" src="img/pencil_48.png"></a>
<div class="imgCaption">Dataeingabe 2</div>
</div>
<div class="ui-block-a">
<a href="#page2"><img alt="" src="img/pencil_48.png"></a>
<div class="imgCaption">Dataeingabe 3</div>
</div>
<div class="ui-block-b">
<a href="#page2"><img alt="" src="img/pencil_48.png"></a>
<div class="imgCaption">Dataeingabe 4</div>
</div>
<div class="ui-block-a">
<a href="#page2"><img alt="" src="img/pencil_48.png"></a>
<div class="imgCaption">Dataeingabe 5</div>
</div>
<div class="ui-block-b">
<a href="#page2"><img alt="" src="img/pencil_48.png"></a>
<div class="imgCaption">Dataeingabe 6</div>
</div>
</fieldset>
</div>
0 comments:
Post a Comment