Javascript OnClick 함수가 작동하지 않습니다.

-3

자바 스크립트를 다시 작성하십시오.Javascript OnClick 함수가 작동하지 않습니다.

자바 스크립트

<div id="PopUp1" style="display: none; color: #FFFFFF;"></div> 
<div id="Mask"></div> 
<script type="text/javascript"> 
var Design = '<p>Design!!!!!</p><input type="submit" value="Close" onClick="Close(Design,1)" />'; 

function PopUp(htmlstring, id) { 
    $('#PopUp' + id).fadeIn('slow'); 
    $('#Mask').fadeIn('slow'); 
} 

function Close(htmlstring, id) { 
    $('#PopUp' + id).fadeOut('slow'); 
    $('#Mask').fadeOut('slow'); 
} 

$('#Mask').click(function() { 
    $('#Mask').fadeOut('slow'); 
    $('#PopUp' + id).fadeOut('slow'); 
}); 
</script>

HTML은

<td width="100" align="center" onClick="PopUp(Design,1)">Designs</td>

는 지금 마스크는 VAR 디자인과 함께 보여줍니다. 하지만 Var가 보이지 않아?

출처

2013-05-11 Psycho Wars

console.log에 표시되는 오류는 무엇입니까? – Xotic750

jQuery를 두 번로드하고 있습니다. jquery-latest.js 또는 jquery-1.8.3.js를 사용하십시오 (둘 다 사용할 수는 없습니다). 또한,'$'를 나중에 코드로 편집했는데, 여전히 그것들과 함께 작동하지 않습니까? 또한 HTML도 유효하지 않습니다. div 나 td 또는 th 안에 있지 않으면 div를 사용할 수 없습니다. – JJJ

TD가 테이블 안에 있습니다. 코드 라인을 onClick으로 복사 한 것입니다! –

$을 제외하고 jQuery를 사용하고 있습니다. 또한 <head>에 jQuery를 포함시켜야합니다. 당신이있는 경우

<input type="submit" value="Close" onClick="Close(Design,1)" />

출처

2013-05-11 16:19:11 Mooseman

아! 내가 구문에 대해 궁금 해서요! BTW : 정말로 onClick ?? 나는 그것을 아직 보지 못했다. –

아니요, jQuery가 이미있을 때 인라인 onClick을 사용하지 마십시오. 대신로드시 머리에 "click"을 지정하십시오. – mplungjan

var 만해야하나요? 의 경우 인스턴스 : var 디자인 = '

디자인 !!!

'; –

지속적으로 jQuery를 사용하십시오 단지 그것을 한 번로드! :이 문제가되지해야하지만

function PopUp(htmlstring,id) { 
    $('#PopUp'+id).fadeIn('slow'); 
    $('#Mask').fadeIn('slow'); 
} 
function Close(htmlstring,id) { 
    $('#PopUp'+id).fadeOut('slow'); 
    $('#Mask').fadeOut('slow'); 
}

또한, onclick 대신 onClick를 사용

제출 버튼을 사용할 특별한 이유가 있습니까? 하지 않으면 그것이 내가 내가 제대로 문제를 이해하지만 내가 할 경우, 다음 텍스트를 원하는 경우 잘 모르겠어요 = "버튼"

<!DOCTYPE html> 
<html> 
<head> 
<title>Test popup</title> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
<script> 
function PopUp(htmlstring,id) { 
    $('#PopUp'+id).fadeIn('slow');  
    $('#Mask').fadeIn('slow'); 
} 
function Close(htmlstring,id) { 
    $('#PopUp'+id).fadeOut('slow'); 
    $('#Mask').fadeOut('slow'); 
} 
$(function() { 
    $("#closeButton").on("click",function() { 
    Close('Design',1); // not sure what htmlstring is 
    }); 
    $("#openButton").on("click",function() { 
    Popup('Design',1); // not sure what htmlstring is 
    }); 
}); 
</script> 
</head> 
<body> 
. 
. 
. 
</body> 
</html>

출처

2013-05-11 16:31:57 mplungjan

을 입력, 그것은 당신의 팝업에 표시하기 위해 변수 디자인 안에 .

당신은 인자 htmlstring을 사용하여 함수 PopUp을 설정했지만 결코 사용하지 않습니다. 그러면 도움이 될 수 있습니다.

function PopUp(htmlstring, id) { 
    $('#PopUp' + id).html(htmlstring); 
    $('#PopUp' + id).fadeIn('slow'); 
    $('#Mask').fadeIn('slow'); 
}

출처

2013-05-11 17:22:27 basilikum

답변

관련 문제