gpt4 book ai didi

jquery - 使用 JQuery Mobile 时包含 jqueryUI.js 时 HTML div 会隐藏

转载 作者:太空宇宙 更新时间:2023-11-04 04:26:16 27 4
gpt4 key购买 nike

当我将 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/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com