0

Для дива

      <div class="right">

      <h2>Новости</h2>

      <div class="news-teaser floatbox">
          <a href="/news/news_3.html" class="preview icaption_left"><img src="images/teaser-news.jpg" alt="teaser-news.jpg, 2,3kB" title="Teaser news" border="0" height="54" width="74"></a>
        <span class="date"> 31 августа 2012</span>  <h3><a href="/news/news_4.html">Реорганизация предприятия</a></h3>
      </div>

      <div class="news-teaser floatbox">
        <a href="/news/news_3.html" class="preview icaption_left"><img src="images/teaser-news.jpg" alt="teaser-news.jpg, 2,3kB" title="Teaser news" border="0" height="54" width="74"></a>
        <span class="date"> 31 августа 2012</span>  <h3><a href="/news/news_4.html">Реорганизация предприятия</a></h3>
      </div>
</div>

Пишу такой скрипт:

<script type="text/javascript" src="/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
            jQuery(document).ready(function(){
                    jQuery("div.right div.floatbox:hover").addClass("active");
                });

</script>

то есть, к элементу, на который наводится мышка, должен добавляться класс active, но скрипт не срабатывает.

Что не так, как это поправить?

3
  • 1
    "на который наводится мышка" а в чем это выражается в коде?
    – user3545
    12 сен 2012 в 10:57
  • в скрипте указан псевдокласс :hover
    – Heidel
    12 сен 2012 в 10:58
  • @Heidel - ясно, fail :)
    – user3545
    12 сен 2012 в 11:03

2 ответа 2

4
$(function() {
  $('div.right div.floatbox').hover(function() {
    $(this).toggleClass('active');
  })
});

Перед тем как использовать jquery было-бы чудесно почитать документацию, а еще лучше - выучить JavaScript.

1
  • большое спасибо за помощь)))
    – Heidel
    12 сен 2012 в 11:06
1

jQuery так не работает. селекторы в параметрах сделаны похожими на css, но это не css, они, можно сказать, сделаны так для удобства. поэтому нельзя что-то присвоить селектру с псевдоклассом. тут придется вешать класс событием mouseover

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.