由于实时表单验证，jquery 菜单悬停不起作用

Question

好的，我之前发布了一个问题来修复我的实时验证联系表单。现在表单认证工作正常，但我的 jquery 悬停菜单效果正在运行，在其他页面上菜单可以工作，但在联系表单页面上不起作用。.

这里是在线检查它的链接 链接文本

这两个功能之间是否有任何冲突......

    <script type="text/javascript">         
$(function() {
// set opacity to nill on page load
$("ul#menu span").css("opacity","0");
// on mouse over
$("ul#menu span").hover(function () {
// animate opacity to full
$(this).stop().animate({
opacity: 1
}, 'slow');
},
// on mouse out
function () {
// animate opacity to nill
$(this).stop().animate({
opacity: 0
}, 'slow');
});
});

//]]>

</script>

 <script type="text/javascript">
//<![CDATA[
$(function() {

    var LV_Name = new LiveValidation('name',{onlyOnSubmit: true });
    LV_Name.add(Validate.Presence);

    var LV_Email = new LiveValidation('email', {onlyOnSubmit: true });
    LV_Email.add(Validate.Presence);
    LV_Email.add(Validate.Email);

    var LV_Cap = new LiveValidation('cap',{onlyOnSubmit: true });
    LV_Cap.add(Validate.Presence);
    LV_Cap.add( Validate.Numericality, { is: 4 } );

    var LV_Message= new LiveValidation('message', {onlyOnSubmit: true });
    LV_Message.add(Validate.Presence);

    var service = new LiveValidation('service' , {onlyOnSubmit: true });
    service.add( Validate.Exclusion, { within: [ 'None' ] } );


            });

</script>       

Answer 1

联系页面上的 ul#menu 中没有任何地方有 Span，其他页面上有 Span

关于页面

<li><a class="contact" href="contact.html"><span style="opacity: 0;"></span></a></li>

联系页面

<li><a class="contact" href="contact.html"/></li>