Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Как подключить рабочий скрипт JS и сохранить масштабируемость шаблона?

Как подключить рабочий скрипт JS и сохранить масштабируемость шаблона?


     28.10.2015    Общие вопросы по вёрстке, Стили (CSS), jQuery    894

вопрос
Парни, добрый день! Помогите недоучке. Суть вопроса такая.
Ссылка на сайт: allhitradio.ru
Момент такой, общага огромная общага....))
Но, а если серьезно, шаблон масштабируемый, но при подключении библиотеки, квери, теряется масштабируемость, но плеер работает, а при удалении, шаблон масштабируется, но плеер перестает работать.
Посоветовали: Обернуть блок в DIV и подкинуть это скрипту:

$(document).ready( function(){ new RTPlayer( 1, 40, 1, "http://allhitradio.ru:8080", "mp3", {"mp3": "http://allhitradio.ru:8000/radio"}) });

Который как я понимаю, отвечает за работоспособность и подключение классов JS.
Второй человек говорит, что возможно конфликт JS, или библиотека не подходит.
Что делать и как быть не знаю, знаний в Квери ни каких, как и JS.
Наведите пожалуйста в сторону раскопок, очень уж нужно. Заранее спасибо!

Ответа пока нет


Комментарии пользователей (2)

misha-koder
7

299 | 78

misha-koder - 28 октября 2015 21:54 - Юзер

Если вы про отсутствие масштабируемости на мобильных устройствах, то причина в этой строке, а не в jqeury:

<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">

А если про что-то другое, то описывайте проблему детально и прилагайте скриншоты, а не чужие мнения.

WAISER
8 | 7

WAISER - 29 октября 2015 07:56 - Юзер


Суть такова, что если я не подключаю скрипт для плеера, то шаблон масштабируется. Подключив скрипт же, он перестает масштабироваться.
<script>
$(document).ready( function(){ new RTPlayer( 1, 40, 1, "http://allhitradio.ru:8080",  "mp3", {"mp3": "http://allhitradio.ru:8000/radio"})  });
</script>]

Возможно здесь что-то вызывается, или же
<script type="text/javascript" src="/js/new3.js"></script>

Здесь косяк..
Удаляя строку с ссылкой на JS, перестает работать плеер и шаблон масштабируется..
Возвращая строку с cсылкой на JS, плеер начинает работать, но шаблон не масштабируется.
Требуется, сохранить работоспособность плеера и сохранить масштабируемость.
Вот сам блок с плеером.
    <div style="background:#58b5d9 repeat-x;" class="art-content-layout-row">

<link href="http://allhitradio.ru:8080/media/static/css/player/base.css" rel="stylesheet" type="text/css" />
<link href="http://allhitradio.ru:8080/media/static/css/player/style-14.css" rel="stylesheet" type="text/css" />
<link href="http://allhitradio.ru:8080/media/static/css/ui/jquery.ui.slider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/new3.js"></script>
<script type="text/javascript" src="http://allhitradio.ru:8080/media/static/js/jplayer/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="http://allhitradio.ru:8080/media/static/js/jplayer/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript" src="http://allhitradio.ru:8080/media/static/js/jplayer/modernizr.js"></script>
<script type="text/javascript" src="http://allhitradio.ru:8080/media/static/js/jplayer/rt_pl.js"></script>
<div id="rtJpID-1"></div>
<div class="rtplwrapperForIe">
<div id="rtplayer-1" class="rtplmain_window gradient_style-14">
<a id="button_play_stop-1"  class="rtplbutton_play_stop button_play_stop_style-14" href="#"></a>

<a id="rtplmute-1" class="rtplmute button_mute_style-14" href="#"></a>
<div id="rtplvolume-1" class="rtplvolume"></div>
<a id="rtplmaxvol-1" class="rtplmaxvol button_max_vol_style-14" href="#"></a>
</div>
</div>
<script>
$(document).ready( function(){ new RTPlayer( 1, 40, 1, "http://allhitradio.ru:8080",  "mp3", {"mp3": "http://allhitradio.ru:8000/radio"})  });
</script>

</div>

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

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