使用JQuery Mobile时，如果包含jqueryUI.js，则HTML div将隐藏_Jquery_Html_Css_Jquery Mobile_Mobile

使用JQuery Mobile时，如果包含jqueryUI.js，则HTML div将隐藏

jquery html css jquery-mobile mobile

使用JQuery Mobile时，如果包含jqueryUI.js，则HTML div将隐藏,jquery,html,css,jquery-mobile,mobile,Jquery,Html,Css,Jquery Mobile,Mobile,我在php代码中包含JQueryUI.js时遇到了一个问题。我有一个移动网站，应用了以下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%;

我在php代码中包含JQueryUI.js时遇到了一个问题。我有一个移动网站，应用了以下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的表单。我需要包含jqueryUI.js，但每当我这样做时，整个页面就变得不可见了。当我不包含jqueryUI.js时，页面会显示得很好，但我当然不能使用jqueryUI操作。问题主体中的CCS由于某种原因被应用，页面变得不可见。。我希望这能更好地解释这个问题。。。谢谢，它使用了不同版本的JQuery ui