JQuery Синтаксис Вопрос, довольно легко, я думаю - PullRequest
0 голосов
/ 06 июня 2010
$ (документ) .ready (function () { $ (". module .caption"). hide (); $ (". module"). hover (function () { . $ (Это) .find ( "Надпись") slideDown (); }, function () { . $ (Это) .find ( "Надпись") slideUp (); }); });

Этот фрагмент отлично работает для моих целей, единственное предостережение в том, что мне нужна функция наведения .module для одновременного добавления класса "under" ко всем другим ".caption", которые не являются $ this, а затем удаления их, когда зависание Так что, по сути, я не хочу, чтобы «модуль», который наведен, чтобы получить класс, я хочу, чтобы он делал именно то, что я показываю здесь ... скользя. заголовок, чтобы получить подкласс, когда любой ".module" наведен.

Просто попал в тупик с тем, что я пытался, хочу сделать это в той же функции. Есть идеи?

Ответы [ 4 ]

1 голос
/ 06 июня 2010

В зависимости от вашей html-структуры это может сделать что-то подобное:

<script type="text/javascript">
 $(document).ready(function() {
  $(".module .caption").hide();
  $(".module").hover(function() {
    $(this)
      .find(".caption").slideDown().end()
      .siblings('.module').children('.caption').addClass('under');

   },function() {
    var $this = $(this);

    $this.find(".caption").slideUp();

    setTimeout(function() { 
      $this
        .siblings('.module').children('.caption').removeClass('under');   
   }, 1000);
 });
</script>
0 голосов
/ 06 июня 2010
$(function () {

        $('a').hover(function () {
            $(this).addClass('on');
            $('a:not(.on)').addClass('noton');

        }, function () {
            $(this).removeClass('on');
            $('a:not(.on)').removeClass('noton');

        });
    });
0 голосов
/ 06 июня 2010

Я не уверен, поможет ли это, так как я не знаю, что именно делает класс under.

$(".module").hover(function() {
         $(".caption").addClass("under");
         $(this).find(".caption").removeClass("under").slideDown(); 
       },function() {
         $(this).find(".caption").slideUp();
         $(".caption").removeClass("under");   
       });
0 голосов
/ 06 июня 2010

Просто добавьте класс ко всем остальным заголовкам, а затем удалите его из подходящих заголовков.В конце наведения просто удалите его из всех.

...