jQuery Highlight不起作用

Question

我在页面上对jquery有以下引用：

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

以及

 $('#goStep2btn').click(function () {

 if (haserrors == true) {
        //alert("Displaying Error Message");
        $('#ErrDisplay').html(errortext);
        window.scrollBy(0, -600);
        $('#ErrDisplayContainer').slideDown({
            duration: 100
        }).animate({
            opacity: 1
        }, {
            queue: false
        });

        //  $('ErrDisplayContainer').animateHighlight();

        $('ErrDisplayContainer').effect('highlight', { color: "#FF0000" }, 3000);
    }
    else if (haserrors == false) {
        //alert("no ERRORS");
        //format personal details and display
        $('#PersonalDetailsContainer').slideUp({
            duration: 200
        }).animate({
            opacity: 1
        }, {
            queue: false
        });
        $('#jq_PersonalDetailsDisplay').slideDown({
            duration: 200
        }).animate({
            opacity: 1
        }, {
            queue: false
        });
}

}

按钮点击事件中有很多编码，可在第一步给用户提供所输入数据的概览之前验证用于注册的用户输入，然后显示步骤2供用户输入其付款信息（如果输入错误）。在第1步中输入的数据，按钮验证将显示一个Error Div标签，我希望div标签突出显示以警告用户存在需要解决的数据问题。

谁能指导我，因为我对jQuery还是很新的。

提前致谢 ：）

Answer 1

$('ErrDisplayContainer')

上面的选择器将匹配ErrDisplayContainer元素。 这在本质上是：

<ErrDisplayContainer></ErrDisplayContainer>

我认为这不在您的html中。 您可能想匹配的是id ：

$('#ErrDisplayContainer')

您错过了# 。