常规序曲:jquery mobile新手,很抱歉代码太长。
正在尝试构建我的主题的移动版本。通过放置标题内容、面板和搜索表单轻松开始。
在网络日志中搜索请求成功的内容时,返回了正确的数据,url也相应地更改为搜索参数:mysite。php/?s=WordPress但是页面现在是空白的,在inspect elements中除了标题(没有脚本,没有正文)之外什么都没有,我在“network tab”和“console”选项卡中检查了错误-没有找到任何东西。
标题页:
<div data-role="page" id="demo-page" data-theme="d">
<div data-role="header" data-theme="b" style="display:none;">
<div class="fixed-header">
<div class="cell">
<div onclick="closePost()">
<div class="power <?php echo is_single() ? \'close\':\'open\' ?>"></div>
</div>
</div>
<div class="cell">
<a href="<?php echo get_bloginfo(\'url\');?>" data-ajax="false">
<img class="logo" src="<?php echo get_bloginfo(\'template_url\')?>/css/images/logo.png">
</a>
</div>
<div class="cell">
<a href="#right-panel" data-theme="d" data-icon="arrow-l" data-iconpos="notext" data-shadow="false" data-iconshadow="false" class="ui-icon-nodisc"><img class="menu" src="<?php echo get_bloginfo(\'template_url\')?>/css/images/menu.png"></a>
</div>
</div>
</div><!-- /header -->
<div data-role="content">
<dl id="dlContent">
索引。php:
<?php get_header(); ?>
<?php get_search_form(); ?>
<?php get_footer(); ?>
页脚:
`
</dl>
</div><!-- /content -->
<div data-role="panel" id="right-panel" data-display="push" data-position="right" data-theme="c" style="position:fixed;">
<p>SIDEBAR</p>
<form action="<?php bloginfo(\'siteurl\'); ?>" id="searchform" method="get">
<div data-role="fieldcontain">
<input type="search" name="s" id="search" value="" />
</div>
</form>
<a href="#" data-rel="close" data-role="button" data-mini="true" data-inline="true" data-icon="delete" data-iconpos="right">Close</a>
</div><!-- /panel -->
`