2014-02-14 4 views
0

Я после того, как сделал тикер новостей, и его первый раз, когда я сталкивался с этим сайтом.Проблемы с тикером, не загружайте в движение, просто отображает весь текст. jquery ajax

http://www.jquerynewsticker.com/

и ив получил код все готово, как это

<div class="news_ticker"><link href="LPMS\production_scn\jquery_news_ticker\styles\ticker-style.css" rel="stylesheet" type="text/css" /> 
        <script src="LPMS\production_scn\jquery_news_ticker\includes\jquery.ticker.js" type="text/javascript"></script> 
       <ul id="js-news" class="js-hidden"> 
       <li class="news-item"><a href="#">This is the 1st latest news item.</a></li> 
       <li class="news-item"><a href="#">This is the 2nd latest news item.</a></li> 
       <li class="news-item"><a href="#">This is the 3rd latest news item.</a></li> 
       <li class="news-item"><a href="#">This is the 4th latest news item.</a></li> 
       </ul> 


      <script type="text/javascript"> 
      $(function() { 
      $('#js-news').ticker(); 
      }); 
      </script> 


       </div> 

им предполагая, что все это идет в 1 деления? он просто перечисляет новости последних новостей вместо прокрутки или чего-то еще, почти как если бы он не собирал jquery, но я укоренил его, чтобы найти источник, может ли кто-нибудь пролить свет на это для меня?

EDIT/UPDATE

с благодарностью Java_User я сумел заставить его немного работать, теперь мои проблемы является оно не показать то, что я прошу его выхода, он показывает только линию, даже когда я изменить текст/ввод.

мой код теперь .. это в голове

<link href="/LPMS/production_scn/jquery_news_ticker/styles/ticker-style.css" rel="stylesheet" type="text/css" /> 
<script src="/LPMS/production_scn/jquery_news_ticker/includes/jquery.ticker.js" type="text/javascript"></script> 
</head> 

это в нижней части страницы (остальная часть страницы пуста, чтобы избежать каких-либо conflictions сейчас!)

<div class="clear_line"></div> 
<script type="text/javascript"> 
    $(function() { 
     $('#js-news').ticker(); 
    }); 
</script> 

<!-- News Feed ticker - use jquery to scroll ticker!! --> 
<div class="news_feed"> 
    <img src="/LPMS/images/news/breaking_news.png" style="border-style:none;"> 
    <div class="news_ticker"><ul id="js-news" class="js-hidden"> 
    <li class="news-item"><a href="#">This is the 1st latest news item.</a></li> 
    <li class="news-item"><a href="#">This is the 2nd latest news item.</a></li> 
    <li class="news-item"><a href="#">This is the 3rd latest news item.</a></li> 
    <li class="news-item"><a href="#">This is the 4th latest news item.</a></li> 
    </ul> </div></div> 


</div> 

любые идеи, почему он отображает только подчеркивание _ как это? он делает мою голову!

благодаря

+0

Где находится ваша библиотека jQuery? –

+0

Я включил, что выше на странице, теперь я подвел его под jquery.ticker.js и им, используя jQuery googleapi в скрипте. – JimJAM

ответ

0

Я обнаружил, что установка сценария тикера в отдельный файл .js работает безупречно.

принимая это:

<script type="text/javascript"> 
      $(function() { 
      $('#js-news').ticker(); 
      }); 
      </script> 

и положить его в свой собственный файл .js и называя это позволило ему работать для меня.

0

Пожалуйста включите ваши ниже скрипты/CSS внутри вашего <head> тега, и он должен работать.

<link href="LPMS\production_scn\jquery_news_ticker\styles\ticker-style.css" rel="stylesheet" type="text/css" /> 
<script src="LPMS\production_scn\jquery_news_ticker\includes\jquery.ticker.js" type="text/javascript"></script> 

Вам может понадобиться, чтобы переместить ниже JS код из вашего <div>, а также. Проверьте, разрешает ли это проблема отдыха.

<script type="text/javascript"> 
      $(function() { 
      $('#js-news').ticker(); 
      }); 
      </script> 
+0

это частично разрешило это :) спасибо! теперь, чтобы понять, почему он не загружает мою информацию! : D – JimJAM

+0

Добро пожаловать. Проверьте мои изменения. –

+0

Им страшно не повезло. это не имеет значения, но теперь вся моя страница не загружает jquery. должно быть какое-то смущение! – JimJAM

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

  • Нет связанных вопросов^_^