當我在文檔准備好后附加div時，我的div文本未更改。

Question

即時通訊使用的鳥滑動示例，只是刪除了在鳥滑動示例中的靜態div並將動態div附加到准備好的文檔上，但是我的默認樣式（如數據索引，過渡持續時間，轉換）未應用

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Swiper demo</title> <link rel="stylesheet" href="http://idangero.us/swiper/dist/css/swiper.min.css"> <script src="js/jquery-1.11.2.min.js"></script> <style>body{background:#eee;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0;}.swiper-container{width:500px;height:300px;margin:20px auto;}.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}</style> </head> <body> <div class="swiper-container"> <div class="swiper-wrapper"> </div> </div> <script src="http://idangero.us/swiper/dist/js/swiper.min.js"></script> <script> var swiper = new Swiper('.swiper-container'); $(document).ready(function(e){ for(var i=0; i<10; i++){ var element = document.createElement('div'); element.className = 'swiper-slide'; element.innerHTML = 'slide '+i; $('.swiper-wrapper').append(element); } var swiper = new Swiper('.swiper-container'); }); </script> </body> </html>

提前致謝。

Answer 1

這是用於檢測上一個/下一個

$(document).ready(function(e){
    for (var i=0; i<10; i++)
        $('.swiper-wrapper').append('<div class=\'swiper-slide\'><b>Abc '+i+'</b></div>');
    var swiper = new Swiper('.swiper-container');

    swiper.on('onSlideNextStart', function(e){
        alert('next');
    });
    swiper.on('onSlidePrevStart', function(e){
        alert('back');
    });
});

您閱讀過該庫的文檔嗎？ 請仔細閱讀http://idangero.us/swiper/api/#.WSlw5miGPSF

當我在文檔准備好后附加div時，我的div文本未更改。

問題描述

1 個解決方案

解決方案1
1 2017-05-27 10:08:14

當我在文檔准備好后附加div時，我的div文本未更改。

問題描述

1 個解決方案

解決方案1 1 2017-05-27 10:08:14

解決方案1
1 2017-05-27 10:08:14