OnMouseOver выпадающий не приходит

Question

OnMouseOver выпадающий не приходит

0

onmouseOver eacuser Я хочу показать пароль изменения как выпадающий список (как видно на прилагаемом изображении), но с моими изменениями кода я получаю пароль смены рядом с ссылкой на eacuser. Кто-нибудь, пожалуйста, дайте мне какой-нибудь намек о том, как достичь. два файла изображения.подтвердить для справки

<div id="appLinks">
  <ul id="appLinks_list" class="nav">
    <span id="appLink_csrname" class="ui-state-default csrname"><a onmouseover="onMouseOver()">eacuser</span>
      <li id="appLink_chngpwd" class="ui-state-default chngpwd">Change Password</li>
      <li id="appLink_about" rtlOrder="3"><a href="javascript:openAboutDialog();"><img src="${link.getContextPath()}${msg.get("icon.information")}" border="0px;" align="top">About</a></li>
      <li id="appLink_logout" rtlOrder="2"><a href="$link.getContextPath()/logout.do"><img src="${link.getContextPath()}${msg.get("icon.logout")}" border="0px;" align="top">LogOut</a></li>
      <li id="appLink_help" rtlOrder="1"><a target="eachelp" href="$msg.get("eac.helpPath")"><img src="${link.getContextPath()}${msg.get("icon.help")}"  border="0px;" align="top">Help</a></li>
    </span>
  </ul>
</div>

<script>
  $(document).ready(function(){
    $(".csrname").mouseleave(function(){
      //$('#appLink_chngpwd').hide();
      $(".csrname li").css("display","none"); 
    });
    $(".csrname").mouseover(function(){
      //$('#appLink_chngpwd').show();
    $(".csrname li").css("display","block"); 
  });
</script>

Uday Konduru 09 июнь 2014, в 12:23

Источник

0

Прежде всего, в вашем документе. Уже отсутствует закрывающая скобка
Pranav 09 июнь 2014, в 09:50
0

Это должно быть из-за добавления свойства "блок" в ваш li. В любом случае, пожалуйста, создайте скрипку.
Vijeth 09 июнь 2014, в 09:50
1

1. отсутствует открывающий тэг вашего последнего  2.  не допускается как дочерний элемент для <ul> ! пожалуйста, используйте пропер IDE ...
Nano 09 июнь 2014, в 09:51
0

Пожалуйста, приложите демо jsfiddle ...
mostafaznv 09 июнь 2014, в 09:52
0

@Nano Нано, я думаю, он закрыл один и тот же промежуток дважды?
Aravona 09 июнь 2014, в 09:52
2

3. когда вы пишете $(".csrname li") , то li должен быть потомком .csrname
richa_pandey 09 июнь 2014, в 09:53
2

4. В целом это недопустимая HTML-разметка, так что это будет вести себя по-разному в разных браузерах.
Jai 09 июнь 2014, в 09:54
0

У тебя есть HTML, ты все испортил. Это проблема HTML / CSS, которую вы рассматриваете. Сначала вы НЕ МОЖЕТЕ иметь как дочерний элемент <UL>, это должен быть <li>. Даже если это сработало, у вас есть <a> . Вы не закрываете <a>. Вместо использования используйте <li>, если хотите, чтобы первый LI отличался от других, использующих li: first- child {} в CSS, поэтому стиль будет только для этого LI. Тогда вам, вероятно, нужно задать какую-то абсолютную позицию для DIV, которую вы хотите отобразить при наведении курсора. Предоставьте некоторую СКИДКУ, и я могу изменить код.
DanielPanic 09 июнь 2014, в 09:55
0

Согласен с @Jai
richa_pandey 09 июнь 2014, в 09:55
0

Вы должны использовать функции jQuery show () и hide () вместо .css ('display', 'block') или .css ('display', 'none').
Flo 09 июнь 2014, в 09:58
0

@Uday Konduru опубликовать свой CSS тоже.
Pawan Lakhara 09 июнь 2014, в 10:00

Показать ещё 9 комментариев

Теги:

javascript

jquery

html

css

2 ответа

Ещё вопросы

Прежде всего, в вашем документе. Уже отсутствует закрывающая скобка
Это должно быть из-за добавления свойства "блок" в ваш li. В любом случае, пожалуйста, создайте скрипку.
1. отсутствует открывающий тэг вашего последнего  2.  не допускается как дочерний элемент для <ul> ! пожалуйста, используйте пропер IDE ...
Пожалуйста, приложите демо jsfiddle ...
@Nano Нано, я думаю, он закрыл один и тот же промежуток дважды?
3. когда вы пишете $(".csrname li") , то li должен быть потомком .csrname
4. В целом это недопустимая HTML-разметка, так что это будет вести себя по-разному в разных браузерах.
У тебя есть HTML, ты все испортил. Это проблема HTML / CSS, которую вы рассматриваете. Сначала вы НЕ МОЖЕТЕ иметь как дочерний элемент <UL>, это должен быть <li>. Даже если это сработало, у вас есть <a> . Вы не закрываете <a>. Вместо использования используйте <li>, если хотите, чтобы первый LI отличался от других, использующих li: first- child {} в CSS, поэтому стиль будет только для этого LI. Тогда вам, вероятно, нужно задать какую-то абсолютную позицию для DIV, которую вы хотите отобразить при наведении курсора. Предоставьте некоторую СКИДКУ, и я могу изменить код.
Вы должны использовать функции jQuery show () и hide () вместо .css ('display', 'block') или .css ('display', 'none').
@Uday Konduru опубликовать свой CSS тоже.

Mr7-itsurdeveloper · Answer 1 · 2014-06-09T08-31-00.000Z

0

использовать это,

<script>
    $(document).ready(function(){ 
      $('#appLink_chngpwd').hide(); 
        $(".csrname").mouseover(function(){
      $('#appLink_chngpwd').show(); 
        }); 
          $(".csrname").mouseleave(function(){
      $('#appLink_chngpwd').hide(); 
        });
           });  
</script>

Mr7-itsurdeveloper 09 июнь 2014, в 08:31

0

Проблема не в JQuery. Если вы посмотрите ближе
DanielPanic 09 июнь 2014, в 09:56
0

Был синтаксис ошибки. Выше код работает нормально, вы можете проверить
Mr7-itsurdeveloper 09 июнь 2014, в 10:05
0

Сделал изменения и TX для вашей помощи, но все еще существует та же проблема, я хочу, чтобы изменить пароль, как раскрывающийся вариант, как показано на прикрепленном изображении, но он подходит к eacuser.
Uday Konduru 09 июнь 2014, в 10:43
0

Вы пробовали это <ul> <li id = "appLink_chngpwd" class = "ui-state-default chngpwd"> Изменить пароль </ li> </ ul>
Mr7-itsurdeveloper 09 июнь 2014, в 10:54
0

<li> <a id="eacuser"> eacuser <ul> <li id = "appLink_chngpwd" class = "ui-state -default chngpwd "> Изменить пароль </ li> </ ul> </ li>
Mr7-itsurdeveloper 09 июнь 2014, в 10:59
0

@ Mr7-itsurdeveloper это работает, спасибо за ваше ценное предложение и помощь ..
Uday Konduru 09 июнь 2014, в 11:26
0

@Uday Konduru Не за что.
Mr7-itsurdeveloper 09 июнь 2014, в 11:33

Показать ещё 5 комментариев

Suresh Ponnukalai · Answer 2 · 2014-06-09T07-02-00.000Z

В вашем коде вы использовали, как показано ниже.

 $(".csrname li").css("display","none");

Это означает, что вы делаете display none для дочернего свойства span с классом.csrname

В настоящее время в вашем коде "Сменить пароль" является элементом-братом, а не дочерним.

Поэтому измените свой код, как показано ниже.

 $(".csrname + li#appLink_chngpwd").css("display","none");