2015-11-09 4 views
-1

Раньше я использовал тег marquee, но сталкивался с некоторыми проблемами при переходе на совместимость браузера.

Так что это причина, я переместился в Jquery Easy Ticker https://github.com/vaakash/jquery-easy-ticker

Мое требование, что я буду называть бэкенд с помощью AJAX каждые 5 секунд, чтобы обновить ленту новостей.

Это мой код:

function displaylivenews() 
{ 
    var s = ""; 
    for (var i = 0; i < latestnewsresponse.length; i++) 
    { 
     s += '<li><div class="itemTitle"><a href="' + latestnewsresponse[i].link + '" target="_">' + latestnewsresponse[i].title + "</a></div>"; 
     s += '<div class="itemDate">' + latestnewsresponse[i].pub_date + "</div>"; 
     mysource = latestnewsresponse[i].link.split("://")[1].split('/')[0].replace(/(www.)|(.com)/g, ''); 
     s += '<div class="Source">' + mysource + "</div>"; 
     s += '</li>' 
    } 
    // jQuery("#livenewsRss").html("<ul class='feedEkList'>" + s + "</ul>"); 
    $("#livenewsRss").html("<ul class='feedEkList'>" + s + "</ul>").easyTicker(
    { 
     direction: 'up' 
    }); 
} 

и это моя скрипка:

http://jsfiddle.net/6n8ecLq6/10/

Но когда я бегу это, я получаю folowing ошибку в консоли браузера

Uncaught TypeError: $(...).html(...).easyTicker is not a function

Не могли бы вы дать мне знать, как это решить?

+0

ли вы включены все источники (не 404 для этого плагин импорта), и ваша функция запуска после загрузки документа? – Beri

+0

Я включил этот плагин и загрузил его в раздел тела (скрипка), но все тот же вопрос. – Pawan

+0

Использование недействительного пути ресурса в скрипке. – charlietfl

ответ

3

проблема с вашей скрипкой заключается в том, что вы не включили необходимые js для удобства. Тот, который вы добавили в качестве внешнего ресурса, указывает на страницу git. Вам нужно загрузить его в свой локальный файл и указать, что js после ссылки jquery.

Для демонстрационной цели я скопировал все js на скрипку. Вот демо.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="path to easyticker.js"></script> 

Demo

+0

Большое спасибо. .. – Pawan

+0

@PreethiJain, то вы можете принять его как право на ответ? –

Смежные вопросы