Модератор форума: JonMagon |
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » jQuery » jQuery и связанные с ним проблемы (Почему не работает вход, AJAX-окна, подключаемые плагины…) |
jQuery и связанные с ним проблемы |
jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax. Подробнее » По умолчанию на каждом uCoz-сайте уже подключена jQuery-библиотека. Подключается она всегда перед тегом Код </head> или после Код </title> в виде отдельного файла: /.s/src/jquery-1.12.4.min.js. Повторное подключение jQuery может привести к некоторым проблемам. Проблемы, которые могут возникнуть из-за повторного подключения jQuery:
Прикрепления:
9431003.png
(6.9 Kb)
|
JonMagon, В таком случае не работает этот скрипт:
Code <script> $(document).ready(function() { function divresize(a) { var windowHeight = $(window).height(); var b=$(a).html(); $(a).html(b.replace("height:200","height:"+windowHeight)) } divresize('#Style_scroll-pane') }); </script> Пробовал ставить так же перед </body> - не помогло. Добавлено (28-Авг-2012, 13:25:50) Вам помогут, если прикрепите:
- Ссылку на сайт - Скриншот проблемы через встроенное прикрепление изображений - HTML (CSS) Код проблемного участка в спойлере |
Здравствуйте у меня на сайте используется два JQuery скрипта, первый- модальные окна fancybox, а второй PullOutContentPanel . Панель выезжает (работает) нормально, а fancybox не работает ! Подскажите что делать?
Вот код и подключенные скрипты: Code <link type="text/css" rel="stylesheet" href="/fancybox/jquery.fancybox.css" media="screen" /> <script type="text/javascript" src="/fancybox/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="/fancybox/jquery.fancybox-1.2.1.pack.js"></script> <script type="text/javascript" src="/fancybox/jquery.easing.1.3.js"></script> <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/> <link type="text/css" href="/ipanel/css/jquery.ui.theme.css" rel="stylesheet" /> <link type="text/css" href="/ipanel/css/jquery.ui.core.css" rel="stylesheet" /> <link type="text/css" href="/ipanel/css/jquery.ui.slider.css" rel="stylesheet" /> <link rel="stylesheet" href="/ipanel/css/style.css" type="text/css" media="screen"/> <script src="/ipanel/js/cufon-yui.js" type="text/javascript"></script> <script src="/ipanel/js/Liberation_Sans.font.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready( function(){ Cufon.replace('#content h1, #content h2,#content span, .pc_item h2'); $("maps").fancybox({"frameWidth" : 1000, "frameHeight" : 350}); }); </script> а вот это продолжение PullOutContentPanel : Code <!-- The JavaScript --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script type="text/javascript"> $(function() { //window width and height var window_w = $(window).width(); var window_h = $(window).height(); //the main panel div var $pc_panel = $('#pc_panel'); //the wrapper and the content divs var $pc_wrapper = $('#pc_wrapper'); var $pc_content = $('#pc_content'); //the slider / slider div var $pc_slider = $('#pc_slider'); //the element reference - reaching this element //activates the panel var $pc_reference = $('#pc_reference'); var maxWidth,maxHeight,marginL; buildPanel(); function buildPanel(){ $pc_panel.css({'height': window_h + 'px'}); hidePanel(); //we want to display the items in a grid. //we need to calculate how much width and height //the wrapper should have. //we also want to display it centered, so we need to calculate //the margin left of the wrapper //First, lets see how much of height: //maxHeight = Math.floor((window_h-20)/135)*135; //20 => pc_titles height //135 => 125 of each items height plus its margin (10) maxHeight = Math.floor((window_h-20)/135)*135; //maxWidth = Math.floor((window_w-35)/220)*220; //220 = item width + margins (left and right) maxWidth = Math.floor((window_w-35)/220)*220; marginL = (window_w - maxWidth)/2; $pc_wrapper.css({ 'width' : maxWidth + 20 + 'px', 'height' : maxHeight +'px', 'margin-left' : marginL + 'px' }); //innitialize the slider try{ $pc_slider.slider('destroy'); }catch(e){} //total_scroll is the number of how much we can scroll var total_scroll = $pc_content.height()-maxHeight; //add a slider to scroll the content div //hidden until the panel is expanded if(total_scroll > 0){ $pc_slider.slider({ orientation : 'vertical', max : total_scroll, min : 0, value : total_scroll, slide : function(event, ui) { $pc_wrapper.scrollTop(Math.abs(ui.value-total_scroll)); } }).css({ 'height' : maxHeight -40 + 'px',//40 extra 'left' : maxWidth + 20 + marginL + 'px', 'top' : 30 + 20 + 'px', //30 = 20 of title + 10 margin, 20 extra 'display' : 'none' }); } } //the panel gets positioned out of the viewport, //and ready to be slided out! function hidePanel(){ //165 => 20 pc_title + 120 item + margins $pc_panel.css({ 'right' : -window_w + 'px', 'top' : window_h - 165 + 'px' }).show(); try{ //position the slider in the beginning slideTop(); }catch(e){} $pc_slider.hide(); $pc_panel.find('.collapse') .addClass('expand') .removeClass('collapse'); } //resets the slider by sliding it to the top function slideTop(){ var total_scroll = $pc_content.height()-maxHeight; $pc_wrapper.scrollTop(0); $pc_slider.slider('option', 'value', total_scroll ); } $(window).bind('scroll',function(){ /* When we reach the element pc_reference, we want to show the panel. Let's get the distance from the top to the element */ var distanceTop = $pc_reference.offset().top - window_h; if($(window).scrollTop() > distanceTop){ if(parseInt($pc_panel.css('right'),10) == -window_w) $pc_panel.stop().animate({'right':'0px'},300); } else{ if(parseInt($pc_panel.css('right'),10) == 0) $pc_panel.stop().animate({'right': -window_w + 'px'},300,function(){ hidePanel(); }); } }).bind('resize',function(){ //on resize calculate the windows dimentions again, //and build the panel accordingly window_w = $(window).width(); window_h = $(window).height(); buildPanel(); }); //when clicking on the expand button, //we animate the panel to the size of the window, //reset the slider and show it $pc_panel.find('.expand').bind('click',function(){ var $this = $(this); $pc_wrapper.hide(); $pc_panel.stop().animate({'top':'0px'},500,function(){ $pc_wrapper.show(); slideTop(); $pc_slider.show(); $this.addClass('collapse').removeClass('expand'); }); }) //clicking collapse will hide the slider, //and minimize the panel $pc_panel.find('.collapse').live('click',function(){ var $this = $(this); $pc_wrapper.hide(); $pc_slider.hide(); $pc_panel.stop().animate({'top':window_h - 165 + 'px'},500,function(){ $pc_wrapper.show(); $this.addClass('expand').removeClass('collapse'); }); }); //clicking close will make the panel disappear $pc_panel.find('.close').bind('click',function(){ $pc_panel.remove(); $(window).unbind('scroll').unbind('resize'); }); //mouse over the items add class "selected" $pc_wrapper.find('.pc_item').hover( function(){ $(this).addClass('selected'); }, function(){ $(this).removeClass('selected'); } ).bind('click',function(){ window.open($(this).find('.pc_more').html()); }); }); </script> Сообщение отредактировал JonMagon - Воскресенье, 02 Сен 2012, 12:23:31
|
Quote (JonMagon) <script type="text/javascript" src="/fancybox/jquery-1.3.2.min.js"></script>1 Это уберите. Quote (JonMagon) А вообще, нужна ссылка на сайт... |
Всем привет! Нужен lightbox на сайте, подскажите, плиз, что нибудь полегче, попроще и в подробностях. Не потому что мне лень разбираться, а потому как бесполезно, все равно не справлюсь. (((((
Что то типа того надо http://www.pirolab.it/pirobox/ , т е мин рамок, кнопок ........ только стрелки туда сюда,стрелки лучше прямо на фото чтобы появлялись. Или без рамочки вообще, или тоненькая и черная (или серая) (цвет хорошо бы настраивался). И чтобы миниатюры куда угодно на стр. я могла встроить. Может подключить прямо то что по моей ссылке? Или это слишком тяжелое сооружение , 1.8 это версия , или что про что - js/jquery-ui-1.8.2 ? Сообщение отредактировал Saby - Суббота, 15 Сен 2012, 19:42:33
|
|
Добрый день!
Решил на свой сайт добавить верхнее анимированное меню. Для этого в "Управление дизайном(шаблоны) - верхний контейнер" разместил код Code <link media="screen" href="Site/top_menu.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="/Site/libs_top_menu.js"></script> <!-- menu http://wallaby.ucoz.ru --> <div class="mbar" id="menubar"> <div class="mbar"> <div class="mbar dpad"> <div class="menubar"> <ul id="topmenu" class="lcol reset"> <li><a href="/"><b>Главная</b></a></li> <!--1--> <li class="sublnk"><a href="#"><b>О компании</b></a> <ul> <li><a href="/index/information/0-2"><b>Информация о компании</b></a></li> <li><a href="/contact"><b>Контакты</b></a></li> <li><a href="/gb"><b>Отзывы и предложения</b></a></li> <li><a href="#"><b>Реквизиты</b></a></li> </ul> </li> <!--/1--> <!--2--> <li class="sublnk"><a href="#"><b>3 Пункт меню</b></a> <ul> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> <li><a href="#"><b>Горизонтальное меню для ucoz</b></a></li> </ul> </li> <!--/2--> <li><a href="#"><b>4 Пункт меню</b></a></li> <li><a href="#"><b>5 Пункт меню</b></a></li> </ul> </div></div></div></div> <!-- end menu http://wallaby.ucoz.ru --> В файловый архив разместил необходимые файлы, в том числе libs_top_menu.js и top_menu.css. На главной странице и некоторых других страницах меню работает отлично. Однако, на страницах созданных мною ( отдельных, через "редактор страниц"), меню отображается списком, без графического оформления - без фона, анимации. Как можно решить данную проблему? Спасибо! |
IvanIvashka,
Quote (IvanIvashka) Как можно решить данную проблему? <link media="screen" href="/Site/top_menu.css" type="text/css" rel="stylesheet" /> Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8 |
Невнимательность:) Всё оказалось проще, чем я предполагал:)
Большое спасибо) |
Quote (webanet) Saby, на юкоз есть встроенный //blog.ucoz.ru/blog....12-221. поэтому подгружать со стороны не стоит Что "встроенный" ? по вашей ссылке 404 Not Found ) Тот lightbox, что есть в конструкторе глючный, не плавный и на тупой белой карточке, если только нормальный не поставили ... нормальный не поставили? |
Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
|
Подскажите с лайтбоксом.Сделал подгрузку полного материала на главную страницу с подгрузкой фото,помогите установить лайтбокс на главной странице????? Сайт http://dimmiy.com
Сообщение отредактировал MONOLIT - Воскресенье, 23 Сен 2012, 13:38:32
|
|
| |||