Question

我正在使用Jquery Mobile（滑动时打开面板）并使用下面的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函数未在内容中包含或执行

这是标记

<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 / cordova，则必须收听“deviceready”

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

在普通浏览器中，如果您的选择器正确（未经测试），这应该有用。

在Jquery Mobile Swipe Panel加载后运行javascript

1 个答案: