javascript или jquery, чтобы изменить класс списка на другое имя класса после наведения

Я не хочу использовать jquery или javascript для динамического изменения <li class="cat"> при наведении курсора на список кошек на <li class="cat show">, также я использую joomla, чтобы учитывать функцию noConflict

<ul> 
  <li class="cat"> <a class="rt" href="" aria-haspopup="true">Motors</a>
    <div class="sub" role="menu"> 
      <ul class="col"> 
        <li class="title">Top categories</li> 
        <li class="icn"> <a href="" aria-haspopup="false">Cars</a></li>
        <li class="icn"> <a href="" aria-haspopup="false">Motorcycles</a></li> 
        <li class="icn"> <a href="" aria-haspopup="false">Parts</a></li> 
    </ul> 
</ul>

пожалуйста, помогите мне :)


javascript conflict jquery
person Matt    schedule 16.08.2013    source источник
comment
что ты уже испробовал? также, пожалуйста, исправьте свою html-разметку, в ней отсутствуют некоторые закрывающие теги.   -  person Huangism    schedule 16.08.2013
comment
Обычно спрашивающие сначала пробуют, а затем показывают здесь, что они уже сделали.   -  person j7my3    schedule 16.08.2013
comment
Обратитесь к этому stackoverflow.com/questions/7825967/   -  person bharath    schedule 16.08.2013

Ответы (2)


arrow_upward
0
arrow_downward

хорошо, во-первых, вы должны хотя бы попытаться найти его самостоятельно, во-вторых, попробуйте это:

jQuery(".cat").hover(function(){
    jQuery(this).addClass('show').siblings().removeClass('show');
});

http://jsfiddle.net/wJmBS/

person Victor Radu    schedule 16.08.2013
comment
ты вообще видел мою ссылку на jsfiddle? - person Victor Radu; 16.08.2013
comment
отлично, не ожидал, что это сработает, теперь это очаровательно, и угадайте, что это не конфликтует с моей другой joomla, и теперь весь сайт загружается так, как я действительно хочу, вы сэкономили мне много времени, большое спасибо, ура - person Matt; 16.08.2013
comment
у меня есть один вопрос к вам, после того, как я сниму зависание, класс не вернется к своему исходному классу, можете ли вы сказать мне, какой код, чтобы вернуть его после отключения зависания? - person Matt; 16.08.2013
comment
Вы можете попробовать использовать mouseout или mouseleave на li или на ul. - person Victor Radu; 17.08.2013

arrow_upward
0
arrow_downward

Вы можете использовать функцию jQuery при наведении курсора, см. документацию.

Сначала вы выбираете теги, которые вы хотите активировать с помощью функции наведения.

Первый параметр функции наведения — это handlerIn (что происходит, когда мышь входит), а второй параметр функции — это handlerOut (когда мышь снова уходит).

Когда мышь входит, добавьте класс «show», но когда она снова уходит, удалите этот класс.

$("li.cat").hover(
  function () {
    $(this).addClass("show");
  },
  function () {
    $(this).removeClass("show");
  }
);

Это ответ на ваш вопрос?

person j7my3    schedule 16.08.2013
comment
как заставить код возвращать значение обратно после его отключения - person Matt; 16.08.2013