例: http://jsfiddle.net/Y9ntF/3/
ヘッダーの「バー」がなく、ヘッダーが正しく表示されていないことがわかります。どうすれば修正できますか?
CSS
#myTitle,#myTitle2{
float:left;
width:20%;
margin: .6em 0 .8em 40%;
}
#mySelect,#mySelect2{
float:right;
z-index: 1;
}
JS
$('#myTitle2').append("page title");
HTML
<div data-role="page" id="defaultevent">
<div data-role="header" id="ehdr">
<h1 id="myTitle2"></h1>
<span id="mySelect2">
<select name="switch" id="goingswitch" data-role="slider" data-mini="true">
<option value="off">No Past</option>
<option value="on">Past</option>
</select>
</span>
</div>
</div>