jsfiddle 코드는 브라우저

-2

jsfiddle에서 작업

내 평가 시스템에서 작동하지 않습니다. 그러나 브라우저에서 시도 할 때 작동하지 않습니다.jsfiddle 코드는 브라우저

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<style> 
    body { 
    font-family: Verdana; 
    } 
    h1, h2, h3 { 
    color: darkblue; 
    } 
    .rating-circle { 
    height: 2em; 
    width: 2em; 
    border: .1em solid black; 
    border-radius: 1.1em; 
    display: inline-block; 
    margin: 0; 
    padding: .1em; 
    } 

    .rating-hover { 
    background-color: yellow; 
    } 

    .rating-chosen { 
    background-color: green; 
    } 
</style> 
</head> 
<body> 
<h1>Contoso Web Developer Conference</h1> 
<h2>Finding elements using jQuery</h2> 
<div>This session is about identifying elements using jQuery methods and selectors.</div> 
<h3>Rate this session</h3> 
<div id="rating-container"> 
    <div class="rating-circle"></div> 
    <div class="rating-circle"></div> 
    <div class="rating-circle"></div> 
    <div class="rating-circle"></div> 
    <div class="rating-circle"></div> 
</div> 

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script> 

<script> 
$(document).ready(function() { 
    $('.rating-circle').mouseenter(function() { 
     $(this).prevAll().addBack().addClass('rating-hover'); 
    }); 

    $('.rating-circle').mouseleave(function() { 
     $(this).prevAll().addBack().removeClass('rating-hover'); 
    }); 

    $('.rating-circle').click(function() { 
     $(this).prevAll().addBack().addClass('rating-chosen'); 
    }); 

    $('#rating-container').mouseenter(function() { 
     $(this).children().removeClass('rating-chosen'); 
    }); 
}); 

</script> 
</body> 
</html>

출처

2016-06-07 Evgeny Krasyuk

을해야 "? 그 파일을 HTML 파일에 붙여 넣고 열면 바이올린처럼 작동하는 것 같습니다. 어떤 문제가 발생하고 있습니까? 개발자 콘솔에 오류가 표시됩니까? –

및 어떤 브라우저를 사용하고 있습니까? DOCTYPE을 정의 했습니까? –

이 질문은 명확하지 않습니다. 수행 한 작업과 문제가 발생한시기 /시기를 자세히 설명해주십시오. 고맙습니다. –

기본적으로 브라우저가 HTML 파일에 상대 링크를 찾고 있습니다

file://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js

당신은 작동하지 않는 "정의 그것을 절대

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script>

출처

2016-06-07 19:11:30 Kld

도움이됩니다. 고맙습니다. –

jsfiddle 코드는 브라우저

답변

관련 문제