2014-05-14 193 views
0

我在html中建立了一个网站供离线使用(非常重要)。用途是显示客户目录Jquery on android not working

所以客户希望在几页上有一个侧面显示,以显示他解释它的一些产品流程。所以它需要是一个手动滑块。

我已经构建它在我的电脑上工作。但是,当我把它放在我的手机上的银河注3。Jquery剂量不加载,我有所有的形象在彼此之上。

我试过不同的滑块,包括公转滑块。

<head> 
<script class="rs-file" src="assets/royalslider/jquery-1.8.3.min.js"></script> 
<script class="rs-file" src="assets/royalslider/jquery.royalslider.min.js"></script> 
<link class="rs-file" href="assets/royalslider/royalslider.css" rel="stylesheet"> 
<!-- syntax highlighter --> 
<script src="assets/preview-assets/js/highlight.pack.js"></script> 
<script src="assets/preview-assets/js/jquery-ui-1.8.22.custom.min.js"></script> 
    <!-- syntax highlighter --> 
    <script src="assets/preview-assets/js/highlight.pack.js"></script> 
    <script src="assets/preview-assets/js/jquery-ui-1.8.22.custom.min.js"></script> 
</head> 
<body> 
    <div class="sliderContainer fullWidth clearfix"> 
     <div id="full-width-slider" class="royalSlider heroSlider rsMinW"> 
     <div class="rsContent"> 
    <img class="rsImg" src="img/full-width/1.jpg" alt="" /> 
    <div class="infoBlock infoBlockLeftBlack rsABlock" data-fade-effect="" data-move-offset="10" data-move-effect="bottom" data-speed="200"> 
    <h4>This is an animated block, add any number of them to any type of slide</h4> 
    <p>Put completely anything inside - text, images, inputs, links, buttons.</p> 
</div> 
</div> 
<div class="rsContent"> 
    <img class="rsImg" src="img/full-width/2.jpg" alt="" /> 
<div class="infoBlock rsAbsoluteEl" style="color:#000;" data-fade-effect="" data-move-offset="10" data-move-effect="bottom" data-speed="200"> 
    <h4>This is a static HTML block</h4> 
    <p>It's always displayed and not animated by slider.</p> 
</div> 
</div> 
    <div class="rsContent"> 
    <img class="rsImg" src="img/full-width/3.jpg" alt="" /> 
    <div class="infoBlock rsABlock infoBlockLeftBlack" data-fade-effect="" data-move-offset="10" data-move-effect="bottom" data-speed="200"> 
    <h4>You can link to this slide by adding #3 to url.</h4> 
    <p><a href="http://dimsemenov.com/plugins/royal-slider/gallery-with-deeplinking/">Learn more</a></p> 
    </div> 
    </div> 
    <div class="rsContent"> 
    <img class="rsImg" src="img/full-width/4.jpg" alt="" /> 
    <span class="photosBy rsAbsoluteEl" data-fade-effect="fa;se" data-move-offset="40" data-move-effect="bottom" data-speed="200">Photos by <a href="http://www.flickr.com/photos/gilderic/">Gilderic</a></span> 
    </div> 
</div> 
</div> 



<script id="addJS">jQuery(document).ready(function($) { 
$('#full-width-slider').royalSlider({ 
arrowsNav: true, 
loop: false, 
keyboardNavEnabled: true, 
controlsInside: false, 
imageScaleMode: 'fill', 
arrowsNavAutoHide: false, 
autoScaleSlider: true, 
autoScaleSliderWidth: 960,  
autoScaleSliderHeight: 350, 
controlNavigation: 'bullets', 
thumbsFitInViewport: false, 
navigateByClick: true, 
startSlideId: 0, 
autoPlay: false, 
transitionType:'move', 
globalCaption: false, 
deeplinking: { 
    enabled: true, 
    change: false 
}, 
/* size of all images http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/adding-width-and-height-properties-to-images */ 
imgWidth: 1400, 
imgHeight: 680 
    }); 
}); 
</script> 
+0

显示一些代码。 –

+0

@Mighter这里是代码 –

回答

0

也许尝试在您开始执行您的项目之前测试设备上的一些插件。

这里是一些演示插件。 bespoke.js

reveal.js

而且here试图找到一些替代品。

+0

但是JS文件不加载 –