Модератор форума: JonMagon  
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » jQuery » jQuery и связанные с ним проблемы (Почему не работает вход, AJAX-окна, подключаемые плагины…)
jQuery и связанные с ним проблемы
Модератор форума
Сообщение # 1 | 22:02:10 25 Июл 2011
jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax. Подробнее »

По умолчанию на каждом uCoz-сайте уже подключена jQuery-библиотека.

Подключается она всегда перед тегом
Код
</head>


или после
Код
</title>


в виде отдельного файла: /.s/src/jquery-1.12.4.min.js.

Повторное подключение jQuery может привести к некоторым проблемам.








Проблемы, которые могут возникнуть из-за повторного подключения jQuery:
  • Проблемы с авторизацией — чаще всего это обновление страницы во время авторизации;
  • Проблемы при добавлении материала — страница либо также обновляется (при этом добавления материала не происходит), либо при клике по кнопке «Добавить» ничего не происходит;
  • Проблемы с AJAX-окнами — неработоспособность функций для работы с AJAX-окнами (то есть AJAX-окна могут просто не открываться, либо открываться и сразу закрываться);
  • Проблема с админ/юзер-баром — как правило, его отсутствие.


Прикрепления: 9431003.png (6.9 Kb)
Zver7217
Сообщений: 6
Репутация: 10

Сообщение # 226 | 11:30:26 15 Ноя 2012
http://101craft.ru/ Теперь понял
JonMagon
Сообщений: 2291
Репутация: 1828

Сообщение # 227 | 13:39:29 15 Ноя 2012
Zver7217, предоставьте логин и пароль от тестового аккаунта, имеющий доступ к странице добавления материала.
Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
Олеся6834
Сообщений: 1
Репутация: 0

Сообщение # 228 | 13:25:57 07 Дек 2012
Ребят прошу помощи,есть скрипт

<!-- START OF SCRIPT -->

<SCRIPT LANGUAGE="JavaScript">

function roundToPennies(n)
{
pennies = n / 1;

pennies = Math.round(pennies);

strPennies = "" + pennies;
len = strPennies.length;

first = strPennies.substring(0, len - 0) + "";
last = strPennies.substring(len - 0, len);

if(first == "Гр")
{
first = ""
}

if(last.length == 1)
{
last += "";
}
return first + last;
}

function Compute()
{
MoneyValue = document.forms['MoneyForm'].elements['MoneyFormIn'].value;
UnitPlace = document.forms['MoneyForm'].elements['Unit'].selectedIndex;
Unit2Place = document.forms["MoneyForm"].elements["Unit2"].selectedIndex;
UnitValue = document.forms['MoneyForm'].elements['Unit'].options[UnitPlace].value;
Unit2Value = document.forms['MoneyForm'].elements['Unit2'].options[Unit2Place].value;
UnitName = document.forms['MoneyForm'].elements['Unit'].options[UnitPlace].text;
Unit2Name = document.forms['MoneyForm'].elements['Unit2'].options[Unit2Place].text;






{

Money = eval(MoneyValue);

if(UnitName == Unit2Name)
document.forms['0'].elements['MoneyFormOut'].value = roundToPennies(Money);

else
{
ToTRL = eval(UnitValue);
FromTRL = eval(Unit2Value);

TRL = Money / ToTRL;
Money = TRL / FromTRL;

document.forms['0'].elements['MoneyFormOut'].value = roundToPennies(Money);
}
}
}
// -->
</SCRIPT>

<left>

<FORM NAME="MoneyForm">
<INPUT TYPE="Text" style="margin:-2px -2px -1px -2px; width:0px; border:none" NAME="MoneyFormIn" SIZE="20" value="$OTHER1$">

<span style="width:0px; border-top:#ffffff solid 0px;border-left:#ffffff solid 0px; height:17px;">
<SELECT SIZE="0" style="margin:-2px -2px -1px -2px; width:0px; border:none" NAME="Unit">

<OPTION VALUE="1">Грн

</SELECT>
</span>

<INPUT TYPE="button" style="border:none" VALUE="$OTHER1$ Грн =$" onMouseOver="Compute()">

<INPUT TYPE="Text" style="border:none" NAME="MoneyFormOut" SIZE="20">

<span style="width:0px; border-top:#ffffff solid 0px;border-left:#ffffff solid 0px; height:17px;">
<SELECT SIZE="1" style="margin:-2px -2px -1px -2px; width:0px; border:none" NAME="Unit2">

<OPTION VALUE="8">USD
</SELECT>
</span>
</FORM>

</left><!-- END OF SCRIPT -->

Действие происходит при наведение курсора, как реализовать чтобы действие происходило без курсора (автоматом).?
Ferro7
Сообщений: 285
Репутация: 230

Сообщение # 229 | 15:36:19 07 Дек 2012
Олеся6834, у себя в коде убираете

Code
onMouseOver="Compute()"

а перед этим кодом

Code
<!-- END OF SCRIPT -->

добавляете это:

Code
<script>
$(document).ready(function() {
  setInterval(function(){
   Compute();
  }, 100);
};);
</script>

!
Вы полюбили меня. Здесь я. (с)
Tirla
Сообщений: 2
Репутация: 0

Сообщение # 230 | 11:42:07 10 Дек 2012
Здравствуйте! Никак не могу разобраться с фотогалереей. Вроде смогла подключить на нужных страничках fancybox и все даже работает именно так, как я хотела... во всех браузерах, кроме Интернет Эксплорера.
Кто может помочь, посмотрите пожалуйста http://www.s-mala.ru/index/shura/0-16 (для примера).

К сожалению две трети посетителей сайта пользуются именно Эксплорером, а правильное отображение картинок для сайта жизненно необходимо!
Panter
Сообщений: 3
Репутация: 0

Сообщение # 231 | 12:57:35 17 Дек 2012
Добрый день!
(Не работает метод .html())
Я в цикле собираю <option></option> для <select> и вставляю его, но на выходе убираются теги и остается только текст сами теги обрезаются.

Code
<select name="cities" onchange="javascript:ChCity();">  
            <option value="0">Выберите город</option>  
            </select>  

var tmp = "";  
           for (var i in cityes[0][data]) {  
               tmp += "<input value='"+i+"'>"+cityes[0][data][i]+"</option>";  
              $("select[name='cities']").html(tmp);  
           }


Вопрос как тут вставляеются теги???
Deadshot
Сообщений: 412
Репутация: 524

Сообщение # 232 | 13:34:09 17 Дек 2012
Panter, без апов тут . . . Вот вам пример.
Code
<script type="text/javascript">   
function innerList(num){   
var q=document.getElementById('chitalka').getElementsByTagName("img").length;   
if(num&&num<q){q=num}   
var obj=document.getElementById('newLi'),myhtml='<ul>\n';     
for(i=0;i<q;i++){     
        myhtml+='<li class="li_'+i+'">'+i+'</li>\n';     
};   
myhtml+='</ul>';     
obj.innerHTML=myhtml;   
};innerList('10');   
</script>

Замените всё что нужно и пользуйтесь.
Пум-пурум-пурум-пум-пум!
Сообщение отредактировал Deadshot - Понедельник, 17 Дек 2012, 13:37:59
Panter
Сообщений: 3
Репутация: 0

Сообщение # 233 | 23:20:22 17 Дек 2012
Deadshot

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

Code
<select name="region_id" onchange="javascript:ChRegion(this.value);">
     <option value="0" label="Выберите область">Выберите область</option>
     <option value="1" label="Винницкая">Винницкая</option>
     ...
</select>

<select name="cities" id="cities" onchange="javascript:ChCity();">
     <option value="0">Выберите город</option>
</select>

<script type='text/javascript'>
var cityes = new Array({1 : ({15110:("Барское шоссе"),15107:("Ближнее замостье").........});

       function ChRegion(data) {
     if(data != 0) {
         var tmp = "";
         for (var i in cityes[0][data]) {
             tmp += '<input value="'+i+'">'+cityes[0][data][i]+'</option>\n';
         }
         $("select[name='cities']").html(tmp);  //вот тут вставляю теги  
         $("select[name='cities']").attr("disabled",false);
     }
       }
</script>


Вы видите ошибку в коде???

Добавлено (17-Дек-2012, 23:20:22)
---------------------------------------------
Все сам нашел ошибку, сорри метод .html() работает.

Tirla
Сообщений: 2
Репутация: 0

Сообщение # 234 | 11:00:19 20 Дек 2012
Дорогие специалисты по Ucoz, помогите разобраться, пожалуйста! Есть простенький код для фото-галереи на страничке. И он прекрасно работает во всех браузерах, кроме Internet Explorer. Очень нужно, чтобы в эксплорере тоже работал! Сейчас вместо большого изображения при нажатии на маленькое появляется серый фон, под которым внизу экрана просматривается большое изображение, и как галерея это все не работатет sad
Code
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>

<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.3" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.3"></script>

<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.5"></script>

<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<a class="fancybox" rel="group1" href="/foto_big/IMG_8305.jpg" title="Подвеска для коляски ШУРА"><img src="/foto_small/IMG_8305_small.jpg" alt="Деревянная игрушка-подвеска для коляски ШУРА" border=0 /></a>
<a class="fancybox" rel="group1" href="/foto_small/podveska_shura.jpg" title="Подвеска ШУРА в кроватке"><img src="/foto_micro/P_shura_v_krov_s.jpg" alt="Деревянная игрушка-подвеска для коляски ШУРА" border=0 /></a>
<a class="fancybox" rel="group1" href="/foto_big/IMG_5297.jpg" title="Подвеска ШУРА в автокресле"><img src="/foto_micro/IMG_5297_s.jpg" alt="Деревянная игрушка-подвеска для коляски ШУРА" border=0 /></a>

<body>
<script type="text/javascript">
     $(document).ready(function() {
         $(".fancybox").fancybox();
     });
</script>
</body>
Saby
Сообщений: 15
Репутация: 2

Сообщение # 235 | 01:20:36 24 Дек 2012
Проще не бывает уже - просмотр фотографии на этой же странице... почему не работает как надо? В Хроме открываются через раз, в експлорере ни разу. Какую же мне подключить версию jQuery-библиотеки, чтобы везде открывалось? Выбрасывает на новую стр. и все. ((( Или это не от версии зависит, тогда от чего? Вот стр. http://negevcats.ucoz.ru/index/cattery/0-8 Пожалуйста, объясните !!
Milena6218
Сообщений: 13
Репутация: 0

Сообщение # 236 | 04:19:39 26 Дек 2012
Прошу помощи
После покупки шаблона у меня на главной странице сайта не устанавливается ни один слайдер, вернее он устанавливается, но всё
искажается, и встаёт слайдер вертикально

посмотрите пример на этом сайте слайдер устанавливается http://zooshop.ucoz.ru
а на этом сайте ни в какую http://dog-shop-lux.ru

подскажите пожалуйста, что делать?

вот скрипт слайдера устанавливается на всех юкозовских шаблонах, а на моём не ставится

Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://zooshop.ucoz.ru/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://zooshop.ucoz.ru/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1251" />
<title>Витрина</title>
<script type="text/javascript" src="http://zooshop.ucoz.ru/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="http://zooshop.ucoz.ru/skin-a-carousel/jquery.carouFredSel-5.2.3-packed.js"></script>
<script type="text/javascript" language="javascript">
$(function() {

$('#carousel ul').carouFredSel({
prev: '#prev',
next: '#next',
pagination: "#pager",
auto: true,
scroll: 1000,
pauseOnHover: true
};);

};);
</script>

<style type="text/css" media="all">

body {
background: #d5d5d5 url('http://zooshop.ucoz.ru/skin-a-carousel/images/bg_silver.jpg') no-repeat center top;
}

.wrapper {
width: 750px;
margin: 40px auto;
text-align:center;
}
#carousel {
margin: 0 0 30px 0;
width: 735px;
position:relative;
}
#carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
#carousel li {
font-size: 40px;
color: #999;
text-align: center;
width: 232px;
height: 178px;
padding: 0;
margin: 6px;
display: block;
float: left;
background: transparent url('http://zooshop.ucoz.ru/skin-a-carousel/images/carousel_polaroid.png') no-repeat 0 0;
position:relative;
}

#carousel li img {
width:201px;
height:127px;
margin-top:14px;
}

#carousel li a {
width:201px;
height:127px;
position:absolute;
display:block;
z-index:2;
top:14px;
left:16px;
background: transparent url('http://zooshop.ucoz.ru/skin-a-carousel/images/carousel_shine.png') no-repeat 0 0;
text-indent:-999em;
}

.clearfix {
float: none;
clear: both;
}

#carousel .prev, #carousel .next {
margin-left: 10px;
width:15px;
height:21px;
display:block;
text-indent:-999em;
background: transparent url('http://zooshop.ucoz.ru/skin-a-carousel/images/carousel_control.png') no-repeat 0 0;
position:absolute;
top:70px;
}
#carousel .prev {
background-position:0 0;
left:-30px;
}
#carousel .prev:hover {
left:-31px;
}
#carousel .next {
background-position: -18px 0;
right:-20px;
}
#carousel .next:hover {
right:-21px;
}
#carousel .pager {
margin:0 auto;
text-align: center;
}
#carousel .pager a {
margin: 0 5px 0 0;
text-decoration: none;
display:inline-block;
width:8px;
height:8px;
background: transparent url('http://zooshop.ucoz.ru/skin-a-carousel/images/carousel_control.png') no-repeat -2px -32px;
text-indent:-999em;
}
#carousel .pager a.selected {
text-decoration: underline;
background: transparent url('http://zooshop.ucoz.ru/skin-a-carousel/images/carousel_control.png') no-repeat -12px -32px;
}

</style>
</head>
<body>

<div class="wrapper">



<h1>Витрина</h1>

<div id="carousel">
<ul>
<li><img src="http://zooshop.ucoz.ru/skin-a-carousel/images/1.jpg" alt="" /><a href="http://dog-shop-lux.ru/shop/385/desc/kombinezon-butterfly-belyj">Image1</a></li>
<li><img src="http://zooshop.ucoz.ru/skin-a-carousel/images/02.jpg" alt="" /><a href="">Image2</a></li>
<li><img src="http://zooshop.ucoz.ru/skin-a-carousel/images/3.jpg" alt="" /><a href="">Image3</a></li>
<li><img src="images/image1.jpg" alt="" /><a href="">Image1</a></li>
<li><img src="images/image2.jpg" alt="" /><a href="">Image2</a></li>
<li><img src="images/image3.jpg" alt="" /><a href="">Image3</a></li>
</ul>
<div class="clearfix"></div>
<a id="prev" class="prev" href="#"><</a>
<a id="next" class="next" href="#">></a>
<div id="pager" class="pager"></div>
</div>



</div>
</body>
</html>
rzet-777
Сообщений: 159
Репутация: 33

Сообщение # 237 | 12:31:41 27 Дек 2012
Не работает аякс окно в описании товара(ИМ).Ссылка есть,а при нажатие на ссылку ничего не происходит.Раньше работало.Вот код:
Код
<a href="javascript://" onclick="new _uWnd('ajax','Состав комплекта','300','90',{autosize:true,modal: true,close:true,header:true,nomove: false,fixed:true},'Состав комплекта:  
1.Крыло заднее левое -3900 руб.  
2.Крыло заднее правое -3900 руб.  
3.Панель задняя - 3900 руб.')">Состав комплекта</a>
Что может быть?
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 238 | 12:51:09 27 Дек 2012
Цитата (Milena6218)
посмотрите пример на этом сайте слайдер устанавливается http://zooshop.ucoz.ru
а на этом сайте ни в какую http://dog-shop-lux.ru

В коде у вас адреса прописаны абсолютные и для сайта с прикреплённым доменом?

rzet-777, адрес сайта стесняетесь предоставить?
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
rzet-777
Сообщений: 159
Репутация: 33

Сообщение # 239 | 13:24:52 27 Дек 2012
Цитата (Selena)
адрес сайта стесняетесь предоставить?
Стесняюсь.Но если поможет то вот :)

Добавлено (27 Дек 2012, 13:24:52)
---------------------------------------------
Создал тестовую страницу,тоже самое,аякс окно не открывается

Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 240 | 14:09:29 27 Дек 2012
rzet-777, снежинки давно поставили?
Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » jQuery » jQuery и связанные с ним проблемы (Почему не работает вход, AJAX-окна, подключаемые плагины…)
Поиск: