이것은asp.net JQuery .hover 이벤트 "개체 예상"오류를 제공합니다.
내 .master 페이지에서 다음과 같은
<script type="text/javascript">
$(document).ready(function() {
$(this).hover(function() {
$(this).addClass("ui-state-hover");
},
function() {
$(this).removeClass("ui-state-hover");
}
).mousedown(function() {
$(this).addClass("ui-state-active");
})
.mouseup(function() {
$(this).removeClass("ui-state-active");
});
});
및 asp.net 단추는 다음과 같이 선언됩니다.
<asp:button runat="server" id="cmdSubmitShipmentRequest" cssclass="ui-button ui-state-default ui-corner-all" text="Submit" />
예상되는 동작 마우스 포인터가 어떤 단추에서든 들어갔다가 나오면 위의 선언 된 CSS 클래스가 추가되고 제거됩니다. 현재 기본 CSS 속성이 제대로 적용되지만 단추를 맴 돕니 다 가면 "<script type="text/javascript">"
가 시작되는 위치 인 "Object Expected"Line 11 (IE8 다른 브라우저는 표시되지 않음)이라는 오류가 발생합니다.
내가 무엇을 잘못하고 있는지에 대한 단서가 있습니까?
- $ (this) .hover는 $ ('.ui-button')이어야합니다. 처음에는을 가리 키지 만 $ (".ui-button")으로 입력했습니다. 호버 유의 사항 중복 견적!
내 .master 페이지에서 다음과 같이 asp.net 자바 스크립트 관리자를 사용하여 내 자바 스크립트를 선언하고 있습니다.
문제점은 스크립트 선언 내 자바 스크립트 코드 블록 아래!.
결국 자바 스크립트와 코드 블록이 비슷하게 보이고 모든 것이 잘 작동합니다.
<asp:scriptmanager id="scriptManager" runat="server">
<scripts>
<asp:scriptreference path="~/javascript/jquery-1.3.2.min.js" />
<asp:scriptreference path="~/javascript/jquery-ui-1.7.2.custom.min.js" />
<asp:scriptreference path="~/Javascript/thickbox.js" />
</scripts>
</asp:scriptmanager>
<script type="text/javascript">
$(document).ready(function() {
$('.ui-button').hover(function() {
$(this).addClass("ui-state-hover");
},
function() {
$(this).removeClass("ui-state-hover");
}
).mousedown(function() {
$(this).addClass("ui-state-active");
})
.mouseup(function() {
$(this).removeClass("ui-state-active");
});
});
</script>
$ (this) .hover (...). 이 맥락에서 이것은 무엇입니까? 단추에만 적용하거나 문서에 적용하려고합니까? 오식? –