Question

我在编程方面相当新，目前主要是从我自己的错误中学到很多东西。但我似乎无法弄清楚我错过了什么，或者对这段特殊的编码做错了什么。我正在尝试制作这个Bootstrap Carousel＆＃39;轻扫触摸＆＃39;兼容，我使用jQuery Mobile插件。但它似乎并没有与Carousel绑定。这是Carousel代码的一部分，后面是脚本。我还链接了bootstrap文件等，但在这种情况下可能与此无关。现在我在这里错过了什么？如果它是如此明显，我表示道歉，就像我说的那样，我是新人，还有很多需要学习的东西。

<link href="jquery/jquery.mobile.custom.min.js" rel="stylesheet">

<div class="carousel slide" id="myCarousel">
     <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
     </ol>
  <div class="carousel-inner">
    <div class="item active">
       <img src="img/test" alt="test" class="img-responsive">
          <div class="carousel-caption">
             <a href="test/test.htm"><h2 class="carousel-text">Page1</h2></a>
          </div>
    </div>    
    <div class="item">
       <img src="img/test2" alt="test2" class="img-responsive">
          <div class="carousel-caption">
             <a href="test/test2.htm"><h2 class="carousel-text">Page2</h2></a>
          </div>
    </div>
   </div>

  <a class="carousel-control left" href="#myCarousel" data-slide="prev">
     <span class="icon-prev"></span>
  </a>
  <a class="carousel-control right" href="#myCarousel" data-slide="next">
     <span class="icon-next"></span>
  </a>
</div>

<script>
    $(document).ready(function() {  
        $("#myCarousel").swiperight(function() {  
            $(this).carousel('prev');  
        });  
        $("#myCarousel").swipeleft(function() {  
            $(this).carousel('next');  
        });  
    });  
 </script>

我在这里想念的是什么？ jQueryMobile

0 个答案: