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这里是代码 –