android上的jquery不起作用答案

【问题标题】：Jquery on android not workingandroid上的jquery不起作用
【发布时间】：2014-05-14 11:49:13
【问题描述】：

我正在用 html 构建一个网站以供离线使用（非常重要）。用途是展示客户目录

因此，客户希望在几页上进行杂耍，以展示他将如何解释某些产品流程。所以它需要是一个手动滑块。

我已经构建了它，它可以在我的计算机上运行。然而，当我把它放在我的手机上时，Galaxy Note 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 这是代码

标签： javascript android jquery html offline

【解决方案1】：

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

这里有一些用于演示的插件。 bespoke.js

reveal.js

而here 尝试寻找一些替代方案。

【讨论】：

但是JS文件没有加载