Javascript Soundcloud最小页面尺寸过大
我目前正在开发一个移动应用程序/网站,我正在使用jquery移动框架和SC Minimal定制播放器,可以在这里找到: 自定义播放器玩得很好,这不是问题,我似乎得到的问题是,它所在的页面似乎将主体更改为某种iframe,在屏幕右侧添加了一个滚动条。这是一个示例页面 我的服务器上也安装了最新的jquery,我只是在任何地方都找不到任何冲突 以下是我使用的代码:Javascript Soundcloud最小页面尺寸过大,javascript,jquery-mobile,mobile,soundcloud,Javascript,Jquery Mobile,Mobile,Soundcloud,我目前正在开发一个移动应用程序/网站,我正在使用jquery移动框架和SC Minimal定制播放器,可以在这里找到: 自定义播放器玩得很好,这不是问题,我似乎得到的问题是,它所在的页面似乎将主体更改为某种iframe,在屏幕右侧添加了一个滚动条。这是一个示例页面 我的服务器上也安装了最新的jquery,我只是在任何地方都找不到任何冲突 以下是我使用的代码: <!DOCTYPE html> <html> <head> <meta ch
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Blackburn Ravers - Hyped Up Mix</title>
<link rel="stylesheet" href="../../css/themes/blackburnravers.mob-3.0.0.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" />
<link rel="stylesheet" href="../../_assets/css/jqm-brctemplates.css">
<link rel="shortcut icon" href="../../favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<script src="../../js/jquery.js"></script>
<script src="../../_assets/js/index.js"></script>
<script src="../../js/jquery.mobile-1.3.2.min.js"></script>
<script src="https://w.soundcloud.com/player/api.js"></script>
<script src="//connect.soundcloud.com/sdk.js"></script>
<script type="text/javascript" src="../../js/soundcloud.player.api.js"></script>
<script type="text/javascript" src="../../js/sc-player.js"></script>
<link rel="stylesheet" href="../../css/sc-player-minimal.css" type="text/css" />
</head>
<body>
<div data-role="page" class="jqm-brctemplates" data-quicklinks="true">
<div data-role="header" class="jqm-header">
<h1 class="jqm-logo"><a href="#wedowhatwewant" data-transition="flip" data-inline="true" data-rel="popup" data-position-to="window"><img src="../../_assets/img/blackburnravers-logo.png" alt="The Blackburn Ravers - DJ NJ & Dj Upalnite"></a></h1>
<div data-role="popup" id="wedowhatwewant" data-overlay-theme="f" data-theme="f" data-tolerance="15,15" class="ui-content">
<div data-role="content" data-theme="f">
<center>
WE DO WHAT WE WANT!
</center>
</div>
</div>
<a href="#" class="jqm-navmenu-link" data-icon="bars" data-iconpos="notext">Navigation</a>
<a href="#" class="jqm-search-link" data-icon="search" data-iconpos="notext">Search</a>
<div class="jqm-search">
<ul class="jqm-list">
</ul>
</div>
</div><!-- /header -->
<div data-role="content" class="jqm-content">
<h1>Hyped Up Mix</h1>
<p>
Re-recording of our set from Hyped up from Friday 14/06/2013.<br />
Fantastic night and superb bunch down there.
<p>
<a href="https://soundcloud.com/blackburnravers/hypedupmix" class="sc-player">Hyped Up Mix</a>
</p>
<br />
<div data-role="collapsible" data-theme="b" data-content-theme="c">
<h4>Tracklist</h4>
<ol data-role="listview">
<li>Scott Brown - All About Elysium (Al Storm Remix)</li>
<li>Darren Styles & Squad-E - Party People</li>
<li>Asa & S1 Feat. Lou Lou - Makin� Me Wanna Dance (Sy & Unknown Remix)</li>
<li>Ben Xtreme & Mc Ortie - Looking Down (Dj Kurt Remix)</li>
<li>Darren Styles - Take Me Away</li>
<li>Darren Styles - Save Me (Re-Con Remix)</li>
<li>Dougal & Gammer Feat. Lisa Abott - Something Good</li>
<li>Gusto - Discos Revenge (Breeze's Filthy Hardcore Mix)</li>
<li>Joey Riot & Chaos - I Wanna Freak U Bby</li>
<li>Paradise - Angel (Sy & Unknown Remix)</li>
<li>Re-Con Feat. Sophie may - Dont hold calling back (Azzyd Vox Booty)</li>
<li>Anon - How Low (Naughty is Nice Remix)</li>
<li>Scott Brown - Rock You Softly (UFO & Supreme Remix)</li>
<li>Dj Kurt - Right About Now</li>
<li>Starkillers - Discoteka (Dougal & Gammer Remix)</li>
</ol>
</div>
<br />
<div class="ui-grid-a">
<div class="ui-block-a">
<center><a href="#screenshot" data-rel="popup" data-position-to="window" data-theme="b" data-inline="true" data-transition="fade"><img width="150px" src="img_covers/blackburnravers_hypedup_disc.png" alt="Hyped Up Mix"></a></center>
<div data-role="popup" id="screenshot" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15" >
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img src="img_covers/blackburnravers_hypedup_disc.png" alt="Hyped Up Mix">
</div>
</div>
<div class="ui-block-b">
<center><a href="#screenshot2" data-rel="popup" data-position-to="window" data-theme="b" data-inline="true" data-transition="fade"><img width="150px" src="img_covers/blackburnravers_hypedup_back.png" alt="Hyped Up Mix"></a></center>
<div data-role="popup" id="screenshot2" class="photopopup" data-overlay-theme="a" data-corners="false" data-tolerance="30,15" >
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img src="img_covers/blackburnravers_hypedup_back.png" alt="Hyped Up Mix">
</div>
</div>
</div><!-- /grid-b -->
<br />
<div class="ui-grid-a">
<div class="ui-block-a"><a href='https://soundcloud.com/blackburnravers/hypedupmix' data-role="button" data-theme="g">SoundCloud</a></div>
<div class="ui-block-b"><a href="#share-panel" data-role="button" data-theme="a">Share</a></div>
</div><!-- /grid-b -->
</p>
</div><!-- /content -->
<div data-role="footer" class="jqm-footer">
<p><span class="copyright">©</span> 2013 The Blackburn Ravers -
<a href="#aboutapp" data-transition="fade" data-inline="true" data-rel="popup" data-position-to="window">DJ NJ & Dj Upalnite</a>
<div data-role="popup" id="aboutapp" data-overlay-theme="f" data-theme="f" data-tolerance="15,15" class="ui-content">
<div data-role="content" data-theme="f">
<center><img src="../../_assets/img/blackburnravers-logo.png" alt="The Blackburn Ravers - DJ NJ & Dj Upalnite"></center>
<br />
App Version - <i>v3.0.0</i><br />
App Creator - <i>Dj Upalnite</i><br />
Bugs - <a href="mailto:blackburnravers@gmail.com"><i>Please email us</i></a><br />
Website - <a href="http://www.blackburnravers.com" target="_blank"><i>www.blackburnravers.com</i></a><br /><br />
</div>
</div>
</p>
</div><!-- /footer -->
<!-- Here are a bunch of panels at the end, just before the close page tag -->
<!-- main navigation panel -->
<div data-role="panel" class="jqm-nav-panel jqm-navmenu-panel" data-position="left" data-display="reveal" data-theme="a">
<ul data-role="listview" data-theme="a" data-divider-theme="f" data-icon="false" class="jqm-list">
<li data-role="list-divider">Main Links</li>
<li data-filtertext="Home" data-ajax="false"><a href="../../">Home</a></li>
<li data-filtertext="Media" data-ajax="false"><a href="../../media/">Mixes</a></li>
<li data-filtertext="ajax navigation navigate event method"><a href="../../socialnetworks/">Social Sites</a></li>
<li data-filtertext="ajax navigation navigate event method"><a data-ajax="false" href="../../events/">Events</a></li>
<li data-filtertext="ajax navigation navigate event method"><a href="../../contactus/">Contact Us</a></li>
<li data-filtertext="ajax navigation navigate event method"><a href="http://www.blackburnravers.com/">Main Website</a></li>
<li data-role="list-divider">Mix Section</li>
<li data-filtertext="ajax navigation navigate event method"><a href="./">Blackburn Ravers</a></li>
<li data-filtertext="ajax navigation navigate event method"><a href="../djupalnite/">Dj Upalnite</a></li>
<li data-filtertext="ajax navigation navigate event method"><a href="../djnj/">DJ NJ</a></li>
<li data-filtertext="ajax navigation navigate event method"><a href="../madforit/">Mad For It</a></li>
</ul>
</div>
<!-- /main navigation panel -->
<div data-role="panel" id="share-panel" data-display="reveal" data-position="right" data-theme="a">
<ul data-role="listview" data-theme="a" data-divider-theme="f" data-icon="false" class="jqm-list">
<li data-role="list-divider">Share this page</li>
<li><a href="http://twitter.com/share?text=Hyped%20Up%20Mix&url=https://soundcloud.com/blackburnravers/hypedupmix" onclick="window.open('http://twitter.com/share?text=Hyped%20Up%20Mix&url=https://soundcloud.com/blackburnravers/hypedupmix','twittershare','width=450,height=300,left='+(screen.availWidth/2-225)+',top='+(screen.availHeight/2-150)+'');return false;">Twitter</a></li>
<li><a href="https://www.facebook.com/sharer/sharer.php?u=https://soundcloud.com/blackburnravers/hypedupmix" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=https://soundcloud.com/blackburnravers/hypedupmix','facebookshare','width=450,height=300,left='+(screen.availWidth/2-225)+',top='+(screen.availHeight/2-150)+'');return false;">Facebook</a></li>
<li><a href="https://m.google.com/app/plus/x/?v=compose&content=https://soundcloud.com/blackburnravers/hypedupmix" onclick="window.open('https://m.google.com/app/plus/x/?v=compose&content=https://soundcloud.com/blackburnravers/hypedupmix','gplusshare','width=450,height=300,left='+(screen.availWidth/2-225)+',top='+(screen.availHeight/2-150)+'');return false;">Google +</a></li>
<li><a href="mailto:?subject=I wanted you to listen to this mix&body=Check out this mix https://soundcloud.com/blackburnravers/hypedupmix" title="Share by Email" onclick="window.open('mailto:?subject=I wanted you to listen to this mix&body=Check out this mix https://soundcloud.com/blackburnravers/hypedupmix','email','width=450,height=300,left='+(screen.availWidth/2-225)+',top='+(screen.availHeight/2-150)+'');return false;">Email</a></li>
</ul>
</div><!-- /panel -->
</div><!-- /page -->
</body>
</html>
布莱克本狂欢者-炒作组合
我们做我们想做的!
大肆宣传
从2013年6月14日(星期五)起,重新录制宣传中的场景。
这是一个美妙的夜晚,在那里有一大群人。
专辑曲目
斯科特·布朗-关于极乐世界的一切(铝风暴混音)
Darren Styles&Squad-E-派对人物
Asa和S1壮举。卢梅金� 我想跳舞(Sy和未知混音)
Ben Xtreme&Mc Ortie-俯视(Dj Kurt混音)
Darren Styles-把我带走
达伦风格-拯救我(重新混音)
Dougal&Gammer壮举。丽莎·阿博特——好东西
趣味-迪斯科复仇(微风的肮脏核心组合)
乔伊暴乱与混乱-我想让你发疯
天堂天使(Sy和未知混音)
重获成功。Sophie may-别再回电话了(Azzyd Vox Booty)
Anon-多低(调皮是很好的混音)
斯科特·布朗-轻摇你(UFO和Supreme混音)
Dj Kurt-现在就开始
Starkillers-Discoteka(Dougal&Gammer混音版)
&抄袭;2013年布莱克本狂欢节-
应用程序版本-v3.0.0
应用程序创建者-Dj Upalnite
错误-
网站-
主要链接
混合区
- 共享此页面
有什么我可能错过的吗?希望有人能帮助我
谢谢
Blackburn Ravers。我正在查看它,然后刷新了页面,代码似乎发生了变化,所以我认为您正在使用它。我不确定,但在改变之前,我相信这似乎是个问题。尝试使用最大宽度:100%(或者我认为是95%),而不是仅使用宽度:100%。修复了它。出于某种原因,有两个“内容”类发生冲突,导致其过度缩放和调整页面大小。我从我的代码中删除了它,它工作得非常完美 谢谢你花时间帮我看。干杯
Blackburn Ravers。不用担心,朋友,我现在就开始,是的,很抱歉我弄乱了一些代码。对,我已经尝试将其添加到我的css文件中,但还没有结果,它似乎一直在做同样的事情。我在这里设置了一个新的演示页面: