Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » DLE конфликт mootools с { headers }

DLE конфликт mootools с { headers }


     12.02.2014    DLE10.1, JavaScript DLE    Все вопросы » Общие вопросы по вёрстке    3107

вопрос
На сайте хочу установить слайдер прокрутка для чтения новостей. Для этого мне понадобились след. скрипты:
 
<script src="{THEME}/Turbo/mootools-yui-compressed.js" type="text/javascript"></script>
<script src="{THEME}/Turbo/mootools-more-1.3.2.1.js" type="text/javascript"></script>    
<script src="{THEME}/Turbo/scroller.js" type="text/javascript"></script>


На обычной HTML странице данный слайдер работает просто замечательно, но когда его я ставлю на свой сайт он не работает. После выяснил что проблема в { headers }. Если я удалю { headers } то слайдер работает, но не работает остальное так как в { headers } залита скрипты которые нужны системе.
Что делать я уже не знаю ... Ниже написал полный код header сайта:


<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   {headers}
<link rel="icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="{THEME}/images/favicon.ico" type="image/x-icon" />  
<link media="screen" href="{THEME}/css/style.css" type="text/css" rel="stylesheet" />
<link media="screen" href="{THEME}/css/engine.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="{THEME}/css/coin-slider-styles.css" type="text/css" />
<link rel="stylesheet" href="{THEME}/css/styler.css" type="text/css" media="screen">
<link rel="stylesheet" type="text/css" href="{THEME}/Turbo/start.css">
    
<script type="text/javascript" src="{THEME}/js/coin-slider.min.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.ttabs.js"></script>    

<script src="{THEME}/Turbo/mootools-yui-compressed.js" type="text/javascript"></script>
<script src="{THEME}/Turbo/mootools-more-1.3.2.1.js" type="text/javascript"></script>    
<script src="{THEME}/Turbo/scroller.js" type="text/javascript"></script>
<script type="text/javascript">
        window.addEvent('domready', function(){
        scroll_vertical($('portfolio').getElement('.contents'));    
       });
</script>  
</head>

Ответил: 23neon23


Проблема не с тегом headers, а с библиотекой jQuery. В гугле найдете ответ на свой вопрос. Тыкай

1 комментарий

studmegarefkz
Юзер

studmegarefkz - 14 февраля 2014 06:15 -

Спасибо за ответ, 23NEON23! Вопрос уже закрыт.
Тыкал я этот вопрос, но к сожалению к хорошему результату не привел. Решил поискать другой слайдер прокрутку и нашел Jscrollpane.
Чтобы решить проблему конфликтов между Jquery сделал след. образом:

    
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript">
     jQuery.noConflict();
</script>
    <script type="text/javascript" src="{THEME}/scroll_news/js/jScrollPane.js"></script>
<script type="text/javascript">
    jQuery(function()  {
               jQuery('#news').jScrollPane({scrollbarWidth:18, showArrows:true});
    });
</script>

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх