jQuery ticker在jsfiddle中可用，但在.HTML中不起作用

Question

我有一個可在jsFiddle中使用的jQuery newsticker，但如果將其傳輸到HTML文件，它將不再起作用。 一切都是一樣的，但是那很奇怪，這是行不通的。

這是jsFiddle： http : //jsfiddle.net/RXH6w/9/

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

這是我從jsFiddle復制的HTML： http ://jehzlau.net/ticker.html

一切都被完全復制，但是在我的HTML中不起作用。 我希望這里有人可以追蹤到我的簡單問題。

Answer 1

使用以下代碼更新您的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>

Answer 2

您在“ text / javascript”中缺少一個“ a ”。

jQuery ticker在jsfiddle中可用，但在.HTML中不起作用

問題描述

2 個解決方案

解決方案1
0 已采納 2014-07-17 23:27:56

解決方案2
-1 2014-07-17 23:36:25

jQuery ticker在jsfiddle中可用，但在.HTML中不起作用

問題描述

2 個解決方案

解決方案1 0 已采納 2014-07-17 23:27:56

解決方案2 -1 2014-07-17 23:36:25

解決方案1
0 已采納 2014-07-17 23:27:56

解決方案2
-1 2014-07-17 23:36:25