변경 후 JavaScript가 작동하지 않습니다.

마우스가 위에있을 때 기본적으로 이미지의 zindex를 변경하는 Java 스크립트가 있습니다. 이 작품을 내가 몇 가지 방향과 위치를 CSS에서 다시해야했다. 이미지에 scrip이 실행되지 않습니다. 예를 보려면 http://officialacescottie.co.uk으로 가서 홈이 작동하지 않는지 확인하고 다른 것은 작동하는지 확인하십시오.변경 후 JavaScript가 작동하지 않습니다.

<script> 

A="" 
function mouseover1() { 
document.getElementById(A).style.zIndex="1" 
} 
function mouseoff1() { 
document.getElementById(A).style.zIndex="100" 
} 
</script>

이 하나가 작동

깨지는 CSS 코드의 CSS

#HButton { background-image:url(../DefaultPage/Buttons/Home.gif); background-color:#000; height:14.8%; width:100%; color:#FFF; background-size:100%; position:absolute; z-index:90; left:0px; background-repeat:no-repeat;} 

#HButton2 { background-image: url(../DefaultPage/Buttons/HomeP.gif); background-color:#000; height:14.8%; width:100%; color:#FFF; background-size:100%; position:absolute; z-index:89; top:0px; left:0px; background-repeat:no-repeat;}

CSS

#HButton { background-image:url(../DefaultPage/Buttons/Home.gif); background-color:#000; float:left; height:60px; width:350px; color:#FFF; background-size:100%; position:relative; z-index:90;} 

#HButton2 { background-image: url(../DefaultPage/Buttons/HomeP.gif); background-color:#000; float:left; height:60px; width:350px; color:#FFF; background-size:100%; position:relative; z-index:10; top:-60px;}

두 코드는 당신은 세미콜론을 잊어

HTML

<div id="HButton" onmouseover="A='HButton'; mouseover1()" onmouseout="A='HButton'; mouseoff1()"> 
</div> 
<div id="HButton2" onmouseover="A='HButton'; mouseover1()" onmouseout="A='HButton'; mouseoff1()"> 
</div>

출처

2014-02-05 AceScottie

난 당신이 didn를 원인, 노력하고 그들의 웹 페이지 없음에서 보듯 ' 스크립트 태그를 닫으십시오. 그러나 그것은 당신의 문제 중 가장 적은 것입니다. –

스크립트 태그 안에 HTML 주석 태그를 사용할 수 없습니다. 이 주석을 제거하고 스크립트를 머리 부분에 함수와 함께 넣으십시오. 덕분에 – Givi

. 나는 알아 차리지 못했기 때문에 어도비 템플릿을 사용하고 있었다. 템플릿이 나머지 부분을 성가신 것으로 업데이트하지 않았습니다. 교훈을 얻었으므로 템플릿을 사용하지 마십시오. 내 주요 문제를 지적하고 싶다면 ID는 그것을 고맙게 생각합니다. 단지 3 일 쯤에 아직도 이것을하고 있었다. 그래서 아직도 멍청한 놈. – AceScottie

내가 발견 할 수 있었다 2의 차이가 있습니다

1) You have google ads on home but not AceWorks (dont think this is causing the issue) 
2) You closed the script tag on AceWorks but missed it on Home

하는 # 2를 조정주십시오 .

출처

2014-02-05 19:31:53 malkassem

같은 div 태그를 사용할 수 있습니까? A = ""; 자사의 자바 스크립트 중요하지만 가장 solutiin 기능에 변수 A를 통과

기능 mouseover1 (A)

출처

2014-02-05 19:26:42 LONGMAN

HTML 내부에 별도의 JS 파일이 없으므로 홈 페이지가 아닌 것처럼 작동합니다. 내가 편집하지 않은 다른 모든 페이지는 여전히 CSS와 똑같은 코드로 작동합니다. 너를 두지 말라고했다. html로. – AceScottie

기능이 정의되지 않았다는 콘솔 로그를 확인하십시오.

또 다른 방법이 될 수있다 :

자바 스크립트

function mouseIn(y){ 
    y.style.zIndex = "1"; 
} 

function mouseOut(y){ 
    y.style.zIndex = "100"; 
}

HTML

<div id="HButton" onmouseover="mouseIn(this)" onmouseout="mouseOut(this)"></div>

출처

2014-02-05 19:36:33 AJC

변경 후 JavaScript가 작동하지 않습니다.

답변

관련 문제