jQuery 시세 표시기는 jsfiddle에서 작동하지만 .HTML에서는 작동하지 않습니다.

jsFiddle에서 작동하는이 jQuery newsticker가 있는데, HTML 파일로 전송하면 더 이상 작동하지 않습니다. 모든 것은 정확히 동일하지만 이상하게 작동하지 않습니다. http://jsfiddle.net/RXH6w/9/jQuery 시세 표시기는 jsfiddle에서 작동하지만 .HTML에서는 작동하지 않습니다.

$.noConflict(); 
jQuery(document).ready(function($) { 
    function NewsTickerAutoPlay() { 
     $(".NewsTicker li:first-child").slideUp(function() { 
      $(this).appendTo(".NewsTicker").fadeIn(); 
     }); 
    } 
    setInterval(function() { 
     NewsTickerAutoPlay() 
    }, 1000); 
});

을 그리고 여기 내 jsFiddle에서 복사 한 HTML이다 :

다음은 jsFiddle의 http://jehzlau.net/ticker.html

모두가 동일 복사,하지만 내 HTML에서 작동하지 않습니다. 나는 누군가가 나의 간단한 문제를 추적 할 수 있기를 바랍니다.

출처

2014-07-17 jehzlau

모두에게 감사드립니다. 이제는 효과가 있습니다. 방금 window.onload = function을 포함하는 것을 잊었습니다. – jehzlau

아래 코드로 HTML을 업데이트하십시오. JSFiddle URL 끝에 "/ show"를 추가하면 전체 페이지 전체가 이어질 것입니다.

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <title>Simple NewsTicker - jsFiddle demo</title> 

    <script type='text/javascript' src='/js/lib/dummy.js'></script> 




    <link rel="stylesheet" type="text/css" href="/css/result-light.css"> 


     <script type='text/javascript' src="http:///ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 


    <style type='text/css'> 
    .NewsTicker { 
    list-style-type:none; 
    margin:0; 
    padding:0; 
    line-height:20px; 
    height:20px; 
    overflow:hidden 
} 
    </style> 



<script type='text/javascript'>//<![CDATA[ 
window.onload=function(){ 
$.noConflict(); 
jQuery(document).ready(function($) { 

function NewsTickerAutoPlay() { 
    $(".NewsTicker li:first-child").slideUp(function() { 
     $(this).appendTo(".NewsTicker").fadeIn(); 
    }); 
} 

setInterval(function() { 
    NewsTickerAutoPlay() 
}, 1000); 

}); 
}//]]> 

</script> 


</head> 
<body> 
    <ul class="NewsTicker"> 
<li>Etisalat and Huawei Conduct First 400G Trial Optical Transport Network in Middle East and North Africa</li> 
<li>Huawei to Deploy Africa's First Smart eLTE Urban Railway Communications System in Ethiopia</li> 
</ul> 

</body> 


</html>

출처

2014-07-17 23:27:56

와우! 그게 효과가! 감사! 하하하 .. 나는 sooo dummbbbb이다.> _ < – jehzlau

그것을 보았다, 그것은 단지 window.onload = 내가 포함하는 것을 잊었던 기능이다. 도움 Berdiya에 다시 한번 감사드립니다. : D – jehzlau

당신은 환영합니다 :) –

-1

당신은 "텍스트/자바 스크립트"에서 누락되었습니다.

출처

2014-07-17 23:36:25 jschwuchow

답변 주셔서 감사합니다,하지만 그것은 window.onload = function입니다. 나는 그것을 포함하는 것을 잊었다. 하하! : D – jehzlau

window.onload는 필요하지 않지만 스크립트 태그에는 * a *가 필요합니다.)하지만 잘 작동합니다. – jschwuchow

참고 : http://dsa-meister.de/test.html은 window.onload없이 작동합니다. – jschwuchow

jQuery 시세 표시기는 jsfiddle에서 작동하지만 .HTML에서는 작동하지 않습니다.

답변

관련 문제