Jquery的移動滑動面板負載

Question

我使用Jquery的移動（上滑動打開面板）和加入一些屬性來標記使用JavaScript功能代碼下面

<?php if(Yii::app()->theme->name=='mobile'){ ?> 
<script> 
$(document).ready(function(e) { 
$('#merchants-grid').removeAttr('class'); 
$('#merchants-grid').children('table').attr('data-role','table').attr('id','table- custom-2').attr('data-mode','columntoggle').attr('class','ui-body-d ui-shadow table-stripe ui-responsive').attr('data-column-btn-theme','b').attr('data-column-btn-text','display Column').attr('data-column-popup-theme','a').attr('cellpadding',1).attr('cellspacing',0); 
$('#merchants-grid').children('table').children('thead').children('tr:first').addClass('ui-bar-d'); 
$('#merchants-grid').children('table').children('thead').children('tr:first').children('th').attr('data-priority',2); 
}); 
</script> 
<?php } ?> 

但javascript函數不被包括或之後被運行JavaScript在內容

這裏執行的是標記

<div data-url="mob-top" data-role="page" id="mob-top" data-theme="d"> 
<div data-role="header" data-theme="b"> 
    <a href="#mob-left-panel"> 
     Left Panel 
    </a> 
    <a href="#mob-right-panel"> 
     Right Panel 
    </a> 
</div><!-- /header --> 
<div data-role="content"> 
     Content 
</div><!-- /content --> 
<div data-role="panel" id="mob-left-panel" data-theme="b"> 
    <a href="content">Left Panel Navigation</a> 
</div><!-- /panel --> 
<div data-role="panel" id="mob-right-panel" data-display="push" data-position="right" data-theme="c"> 
    <a href="content">Right Panel Navigation</a> 
</div><!-- /panel --> 

由於提前

Answer 1

如果您正在使用的PhoneGap /科爾多瓦，你要聽「deviceready」

document.addEventListener("deviceready", onDeviceReady, false); 

在正常的瀏覽器這應該工作，如果你的選擇是正確的（未測試）。