jquerymobile+;php:脚本干扰jquery.mobile-1.0.min.css

jquerymobile+;php:脚本干扰jquery.mobile-1.0.min.css,php,jquery-mobile,Php,Jquery Mobile,如果我用www.mydomain.com/gallery.php?id=40调用页面(其中id是画廊id,它是一个上传了图片的画廊),页面显示就可以了 如果我使用www.mydomain.com/gallery.php?id=70调用该页面(此库没有可用图片),该页面只显示白色背景 但是,如果我检查gallery.php?id=70的源代码,它是完全正确的,所有的html都在那里。php执行正确 我能够将问题追溯到jquery.mobile-1.0.min.css文件,该文件包含在标题中。如果我

如果我用www.mydomain.com/gallery.php?id=40调用页面(其中id是画廊id,它是一个上传了图片的画廊),页面显示就可以了

如果我使用www.mydomain.com/gallery.php?id=70调用该页面(此库没有可用图片),该页面只显示白色背景

但是,如果我检查gallery.php?id=70的源代码,它是完全正确的,所有的html都在那里。php执行正确

我能够将问题追溯到jquery.mobile-1.0.min.css文件,该文件包含在标题中。如果我删除这个文件,一切都很好,php方面

但我被困在这里了。不知道如何解决这个问题

库ID 40的HTML输出(正确显示的输出):


fdgsdfgsdfg
fdgsdfgsdfg
var uploader=null; $().ready(函数()){ uploader=新的uploader(); setOptions(1024*1024*15,[“jpeg”、“jpg”、“png”、“gif]”); }); #包装{margin:10px 0 10px 6px;填充:0;溢出:隐藏;}
gallery ID 70的HTML输出(除白色背景外不显示任何内容的输出):


自动加油
自动加油
此库中没有图像。单击“添加”按钮从设备手动添加图片。
var uploader=null;
$().ready(函数()){
uploader=新的uploader();
setOptions(1024*1024*15,[“jpeg”、“jpg”、“png”、“gif]”);
});
#包装{margin:10px 0 10px 6px;填充:0;溢出:隐藏;}

此外,我注意到jquerymobile似乎在缓存css文件。如果我从一个包含jquery移动框架的页面链接到另一个完全没有包含jquery移动框架的页面,它仍然显示jquery移动框架的css样式。只有在手动刷新页面后,才会显示新的css样式。

是否存在JavaScript错误?显然,在ID40和ID70之间呈现的标记中一定存在一些差异?你能缩小这个差距吗?此外,PHP代码没有向我们显示呈现的标记。如果错误出现在客户端代码中,那么服务器端代码对调试没有帮助。谢谢David,我用两个不同ID的标记更新了我的问题。观看直播并通过它进行调试将是您的最佳选择。(如果它位于我可以访问的活动位置,我可以在Firebug中打开它。)标记看起来很好,除非我遗漏了什么。如果是样式问题或其他渲染后问题,那么我们无法仅从标记来判断。好的,这是一个有效的问题:和一个不起作用的问题:我知道了,这确实是一个JS错误。谢谢你的帮助,大卫。
<!DOCTYPE html> 
    <html> 
        <head> 
            <title>fdgsdfgsdfg</title> 
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;"  />
            <meta name="apple-mobile-web-app-capable" content="yes" />
            <meta http-equiv="content-type" content="text/html;charset=utf-8" />
            <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
            <link rel="stylesheet" href="css/style.css" />
            <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
            <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
            <script type="text/javascript" src="js/script.js"></script>



        </head> 
        <body> 
            <div data-role="page" class="page gallery-page">

                <div data-role="header" data-theme="b">
                    <a href="gallery-list.php" data-icon="arrow-l" data-rel="back" data-direction="reverse">Back</a>
                    <a href="index.php" data-icon="home" data-direction="reverse">Home</a>
                    <h1>fdgsdfgsdfg</h1>
                </div><!--/header-->



                <div data-role="content"> <!-- <div data-role="content full-width"> -->

                        <ul class="gallery four-column-gallery" id="gallery">
            <li><a href="galleries/41/3899dfe821816fbcb3db3e3b23f81585_XL.jpg" rel="external"><img src="ubergallery/cache/114-4ce29e49cff542cd885c04359d9c795c.jpg" /></a></li>
            <li><a href="galleries/41/alex.png" rel="external"><img src="ubergallery/cache/114-69e8934ae4332cae000fde07804d2665.png" /></a></li>
            <li><a href="galleries/41/board.jpg" rel="external"><img src="ubergallery/cache/114-6a0e6c37b8b05b3f4d2efe2c54bd9ef5.jpg" /></a></li>
            <li><a href="galleries/41/board2.png" rel="external"><img src="ubergallery/cache/114-2dd2928bec5b17942d651c40f7333776.png" /></a></li>
            <li><a href="galleries/41/icon-erfolg.png" rel="external"><img src="ubergallery/cache/114-dc95199136b5493f2d3aea76556e3b00.png" /></a></li>
            <li><a href="galleries/41/icon-fehler.png" rel="external"><img src="ubergallery/cache/114-c817fc1df5faed158531efdfe3d526cb.png" /></a></li>
            <li><a href="galleries/41/IMAG0010.jpg" rel="external"><img src="ubergallery/cache/114-d863cc43dd98747be69c4d63b4841751.jpg" /></a></li>
            <li><a href="galleries/41/img1.jpg" rel="external"><img src="ubergallery/cache/114-b183cf7a0a3576b8b78af43591b203bd.jpg" /></a></li>
            <li><a href="galleries/41/img2.jpg" rel="external"><img src="ubergallery/cache/114-e7e8a237a3bedfe17cb1415586782beb.jpg" /></a></li>
            <li><a href="galleries/41/img3.jpg" rel="external"><img src="ubergallery/cache/114-c0482edf6f290b2106dd6a8c77bda62d.jpg" /></a></li>
            <li><a href="galleries/41/img4.jpg" rel="external"><img src="ubergallery/cache/114-6d136ff32b3eeedb9da5807f93f0a59b.jpg" /></a></li>
            <li><a href="galleries/41/Tshirt-Android-VS-Apple-500x500.png" rel="external"><img src="ubergallery/cache/114-6c49890265d9a5f7df5650d293f6b747.png" /></a></li>
            <li><a href="galleries/41/tshirt-configurator-mockup.jpg" rel="external"><img src="ubergallery/cache/114-d0b896c10001d385fcaa0364cac28f12.jpg" /></a></li>
    </ul>

                            <div style="clear:both"></div>

                            <!-- Uploader -->
                            <link href="uploader/ajaxuploader.css" rel="stylesheet" />

                            <script type="text/javascript" src="uploader/ajaxuploader-min.js"></script>
                            <script type="text/javascript">
                                var uploader = null;
                                $().ready(function(){
                                    uploader = new Uploader();
                                    uploader.setOptions(1024 * 1024 * 15, ["jpeg", "jpg", "png", "gif"]);
                                });
                            </script>
                            <style type="text/css">
                                #wrapper { margin: 10px 0 10px 6px; padding:0; overflow: hidden; }
                            </style>

                            <div class="message" style="margin-top:10px">
                                <div id="wrapper">
                                    <div id="uploadspace"></div>
                                    <div id="buttons">
                                        <div id="addbutton" >
                                            <form enctype="multipart/form-data" method="post" action="uploader/ajaxuploader.php?uid=41"> 
                                                <input type="file" id="filechooser" onchange="uploader.enqueue();" name="filedata"/>
                                            </form>
                                        </div>
                                        <a id="startbutton" class="hidden" onclick="uploader.start(); return false;"></a>
                                        <a id="clearbutton" class="hidden" onclick="uploader.clear(); return false;"></a>
                                    </div>
                                </div>
                            </div>

                            <select name="select-choice-a" id="select-choice-a" data-mini="true" data-native-menu="false">

                                                                <option>Choose theme</option>
                                <option value="1"  />Polaroids on cord</option>

                                                                <option>Choose theme</option>
                                <option value="2"  />City silhouette</option>

                                                                <option>Choose theme</option>
                                <option value="3"  />Brickwall</option>

                                                                <option>Choose theme</option>
                                <option value="4"  />Clouds</option>

                                                                <option>Choose theme</option>
                                <option value="5"  />Nostalgic</option>

                                                                <option>Choose theme</option>
                                <option value="6"  />Party time</option>

                                                                <option>Choose theme</option>
                                <option value="7"  />Natural harmony</option>


                            </select>

                            <a href="themes/polaroids-on-wood/index.php?id=41" data-role="button" data-theme="b">Visualize it!</a>




                </div><!-- /content -->

                <div data-role="footer" data-position="fixed" class="ui-bar">
                    <a href="gallery-delete-pics.php?id=41" data-role="button" data-icon="delete">Delete images</a>
                </div>





            </div><!-- /page -->

        </body>

    </html>
<!DOCTYPE html> 
<html> 
    <head> 
        <title>auto gal</title> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;"  />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
        <link rel="stylesheet" href="css/style.css" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
        <script type="text/javascript" src="js/script.js"></script>



    </head> 
    <body> 
        <div data-role="page" class="page gallery-page">

            <div data-role="header" data-theme="b">
                <a href="gallery-list.php" data-icon="arrow-l" data-rel="back" data-direction="reverse">Back</a>
                <a href="index.php" data-icon="home" data-direction="reverse">Home</a>
                <h1>auto gal</h1>
            </div><!--/header-->



            <div data-role="content"> <!-- <div data-role="content full-width"> -->


                        <div class="error">There are no images in this gallery. Click on the Add button to add pictures manually from your device.</div>

                        <!-- Uploader -->
                        <link href="uploader/ajaxuploader.css" rel="stylesheet" />

                        <script type="text/javascript" src="uploader/ajaxuploader-min.js"></script>
                        <script type="text/javascript">
                            var uploader = null;
                            $().ready(function(){
                                uploader = new Uploader();
                                uploader.setOptions(1024 * 1024 * 15, ["jpeg", "jpg", "png", "gif"]);
                            });
                        </script>
                        <style type="text/css">
                            #wrapper { margin: 10px 0 10px 6px; padding:0; overflow: hidden; }
                        </style>

                        <div class="message" style="margin-top:10px">
                            <div id="wrapper">
                                <div id="uploadspace"></div>
                                <div id="buttons">
                                    <div id="addbutton" >
                                        <form enctype="multipart/form-data" method="post" action="uploader/ajaxuploader.php?uid=69"> 
                                            <input type="file" id="filechooser" onchange="uploader.enqueue();" name="filedata"/>
                                        </form>
                                    </div>
                                    <a id="startbutton" class="hidden" onclick="uploader.start(); return false;"></a>
                                    <a id="clearbutton" class="hidden" onclick="uploader.clear(); return false;"></a>
                                </div>
                            </div>
                        </div>




            </div><!-- /content -->

            <div data-role="footer" data-position="fixed" class="ui-bar">
                <a href="gallery-delete-pics.php?id=69" data-role="button" data-icon="delete">Delete images</a>
            </div>





        </div><!-- /page -->

    </body>

</html>