looper.js與codeigniter中的控件

我正在一個網站上工作，我必須實現一個圖像傳送帶。我的選擇落在looper.js上，因爲它簡單輕便。looper.js與codeigniter中的控件

但我在codeigniter有問題：
- 我導入了樣式表。
- 我導入了JavaScript文件。
- 旋轉木馬的作品。

但是，當我想實現控件時出現問題，因爲我有一個問題不能識別「prev」和「next」。首先，不要放箭頭，然後如果我點擊它將我帶到旋轉木馬div而不是更改幻燈片。

這裏是我的實現代碼：

<div id="controlLooper" data-looper="go" class="looper slide" style="width: 100%; height: 312px; z-index: 0;"> 
    <div class="looper-inner"> 

     <?php 
      foreach($images as $photo) 
       { 
        echo "<div class='item'>"; 
        echo "<img src='" . $this->config->item('base_url') . $this->config->item('img') . $this->config->item('car') . "/" . $photo . "' alt='' style='width: 100%; height: 312px;' alt=''>"; 
        echo "</div>"; 
       } 
     ?> 

    </div> 

    <nav> 
     <a class="looper-control" data-looper="prev" href="#controlLooper"> 
      <i class="icon-chevron-left"></i> 
     </a> 
     <a class="looper-control right" data-looper="next" href="#controlLooper"> 
      <i class="icon-chevron-right"></i> 
     </a> 
    </nav> 

</div>

來源

2015-04-03 moto

這似乎在我的工作很好......現在你正在使用多個傳送帶。他們都有不同的ID。？ – CodeGodie 2015-04-03 13:15:45

我注意到的另一件事。在你的網站示例中，如果你看看控制檯，你會得到這樣的錯誤：'Uncaught TypeError：不能讀取未定義的屬性'looper'，但是當我嘗試使用時，我沒有這個。這可能與它有關嗎？ – CodeGodie 2015-04-03 13:17:11

很好，沒問題。我還注意到另一個問題。你使用'$（'。looper'）。looper（）;'但你不需要，因爲你已經在你的div中使用'data-looper =「go」'。希望也有幫助。 – CodeGodie 2015-04-03 13:26:40

我注意到的問題是，你正在使用$('.looper').looper();而是因爲你已經在你的div使用data-looper="go"你不需要。希望有所幫助。

來源

2015-04-03 13:47:52 CodeGodie

真棒。謝謝 – CodeGodie 2015-04-03 13:47:59

looper.js與codeigniter中的控件

回答

相關問題