JQuery .addClass() не работает

Скопируйте этот код на страницу Im, редактируя со страницы, где я скопировал ее ее работу, но на моей странице это не так. Я уже добавил ссылку rel = code, потому что я думал, что это не так, потому что jquery не работает, но это все еще не так, коды со страницы, где я скопировал ее на мою страницу, точно такие же, поэтому мне интересно, почему работая в шахте.JQuery .addClass() не работает

Еще одна вещь, когда я проверяю элемент, я видел класс nivo-caption, хотя я удалил его для тестирования, часть .addClass является единственной, не работающей, удаляю ли я ее или нет. спасибо за помощь мне, не знаю много о JQuery

jQuery(document).ready(function($) { 

    $('.nivoSlider').nivoSlider({ 
     effect: 'random', 
     slices: 15, 
     boxCols: 12, 
     boxRows: 6, 
     animSpeed: 500, 
     pauseTime: 8000, 
     directionNav: true, 
     controlNav: true, 
     pauseOnHover: true, 
     prevText: '<i class="icon-angle-left"></i>', 
     nextText: '<i class="icon-angle-right"></i>', 
     afterLoad: function(){ 
      $('#slider').find('.nivo-caption').addClass('slider-caption-bg'); 
     } 
    }); 

});

это мой HTML

<div class="nivoSlider"> 
        <img src="images/slider/boxed/2.jpg" alt="Slider 1" title="#nivocaption1" /> 
        <img src="images/slider/boxed/3.jpg" alt="Slider 2" title="#nivocaption2" /> 
       </div> 

       <div id="nivocaption1" class="nivo-html-caption">Ultra Responsive Design</div> 
       <div id="nivocaption2" class="nivo-html-caption">Unlimited Color Options</div>

источник

2015-11-25 sunny

Вы можете оставить скрипку? –

'$ ('# ползунок'). Find ('. Nivo-caption'). AddClass ('slider-caption-bg');' Double check, если '# slider' имеет дочерние элементы' .nivo-option' –

@sunny Можете ли вы также указать «# ползунок», где он должен содержать '.nivocaption'?. – choz

OK, скопировать и вставить то, что я сделал в этом фрагменте.

UPDATE

Перейти здесь: http://plnkr.co/edit/a4ywRcQyrHAqV5yTibFQ?p=preview

Слева, есть некоторые файла:

index.html
script.js
style.css
insert.html

Открыть insert.html Открыть руководство и удачи.

<!doctype html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <title>33907731</title> 
 
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/nivoslider/3.2/nivo-slider.css"> 
 
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/fontawesome/4.5.0/css/font-awesome.min.css"> 
 
    <style> 
 
    .fa { 
 
     font-size: 48px; 
 
     color: blue; 
 
     height: 48px; 
 
     width: 18px; 
 
    } 
 
    </style> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
    <script src="https://cdn.jsdelivr.net/nivoslider/3.2/jquery.nivo.slider.pack.js"></script> 
 
</head> 
 

 
<body> 
 
    <div class="nivoSlider"> 
 
    <img src="https://placehold.it/300x200/000/Fff.png&text=FIRST" alt="Slider 1" title="#nivocaption1" /> 
 
    <img src="https://placehold.it/300x200/fff/000.png&text=LAST" alt="Slider 2" title="#nivocaption2" /> 
 
    </div> 
 

 
    <div id="nivocaption1" class="nivo-html-caption">Ultra Responsive Design</div> 
 
    <div id="nivocaption2" class="nivo-html-caption">Unlimited Color Options</div> 
 
    <script> 
 
    jQuery(document).ready(function($) { 
 

 
     $('.nivoSlider').nivoSlider({ 
 
     effect: 'random', 
 
     slices: 15, 
 
     boxCols: 12, 
 
     boxRows: 6, 
 
     animSpeed: 500, 
 
     pauseTime: 8000, 
 
     directionNav: true, 
 
     controlNav: true, 
 
     pauseOnHover: true, 
 
     prevText: '<i class="fa fa-angle-left"></i>', 
 
     nextText: '<i class="fa fa-angle-right"></i>', 
 
     afterLoad: function() { 
 
      $('.nivoSlider').find('.nivo-html-caption').addClass('slider-caption-bg'); 
 
     } 
 
     }); 
 

 
    }); 
 
    </script> 
 
</body> 
 

 
</html>

источник

2015-11-25 02:52:41 zer00ne

сценарий src уничтожает все содержимое на моей странице, так как для html-кода не вносят никаких изменений: '( – sunny

Что именно у вас есть? Word- Нажмите? CMS? S3? Вы не можете ожидать чудес, сокращая и вставляя. Я взял все, что вы разместили, и заставило его работать.При кодировании есть много факторов. -_- – zer00ne

html5 шаблон. извините, я действительно не знаю много. – sunny

ответ

Смежные вопросы