当我将 JQueryUI.js 包含到我的 php 代码中时,我遇到了问题。我有一个应用以下 CSS 的移动网站
.ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page {
border: 0 none;
display: none;
left: 0;
min-height: 100%;
position: absolute;
top: 0;
width: 100%;
}
当我包含 JQueryUI.js 时。我的模板是
<head>
<link rel="stylesheet" href="/css/jquery.mobile-1.3.1.min.css" />
<link rel="stylesheet" href="/css/mobile.css" />
<script src="/js/jquery.js"></script>
<script src="/js/jquery.mobile-1.3.1.min.js"></script>
<link rel="icon" type="image/png" href="/images/favicon.ico">
</head>
<body>
<div data-role="page" data-theme="c" id="mpage">
<div data-role="header" data-theme="c" id="mheader">
<?php echo $this->partial('mheader.phtml'); ?>
</div>
<div data-role="content" data-theme="c" id="mcontent">
<?php echo $this->layout()->content ?>
</div>
<br/><br/>
<div data-role="footer" data-theme="c" id="mfooter">
<?php echo $this->partial('mfooter.phtml'); ?>
</div>
</div>
</body>
当我在 Firebug 上检查样式时,我看到以下 div 消失了
<div id="mpage" data-theme="c" data-role="page" data-url="mpage">
最佳答案
它通过使用不同版本的 jquery-ui 工作
关于jquery - 使用 JQuery Mobile 时包含 jqueryUI.js 时 HTML div 会隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18234919/