2014-05-14 229 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文件不加載 –