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>
顯示一些代碼。 –
@Mighter這裏是代碼 –