Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по jQuery

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Открыть новую тему     Написать ответ в эту тему

Jokerjar79



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Фильтр по слову "jquery" не дал какой-либо общей темы по этой библиотеке, поэтому решился создать. У меня возник такой вопрос: согласно справочной документации такой код:
 

Код:
  <p>1</p>
  <p>2</p>
  <p>3</p>
  <p>4</p>
 
  <script language="javascript">
      $("p")[0].html("test");
  </script>

 
должен <p>1</p> заменить на <p>test</p>. Но не работает. Пробовал еще так:
 

Код:
$("p").get(0).html("test");

 
Есть подозрения, что мануал, по которому осваиваю библиотеку, написан для более старой версии, а позже принцип обращения к конкретному элементу из коллекции как-то изменился. Кто знает, как реализовать это (версия библиотеки - v1.3.2)



Документация по jQuery - eng, рус

Всего записей: 710 | Зарегистр. 08-09-2007 | Отправлено: 16:22 11-08-2009 | Исправлено: Cheery, 07:35 09-08-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DarkSmoke
1) почему не обращаться сразу к .left_menu, зачем сложная выборка в jQuery?
2) на других страницах работает как надо..  
на главной не работает как надо по понятной причине - там path пустой
нужно добавить проверку, что он не пустой

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:52 15-02-2013
DarkSmoke



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
На третей глубине не работает совсем.. Т.е. когда входим в товар

Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 15:25 16-02-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DarkSmoke

Цитата:
На третей глубине не работает совсем

ну так надо, наверно же, еще и родителей раскрывать

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:49 16-02-2013
DarkSmoke



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Подскажи, пожалуйста, какие функции надо использовать. Буду сам разбираться. Потому что так без помощи ничего не получается (((

Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 14:12 17-02-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DarkSmoke
вы так каждый раз выпрашивать решение будете?
откуда я знаю, как у вас выглядит ссылка в меню на конечный товар?
http://jsfiddle.net/aLntp/1/

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:16 18-02-2013
DarkSmoke



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Сделал так

Код:
 
$('.left_content ul li ul').hide();  
        
        $('.left_content ul li:has(ul) > a').click(function() {  
            $(this).parent().find('ul').slideToggle();  
            return false;  
        });
        
        $('li.active').parent().slideToggle();  
 

Так вроде еще проще и главное что работает

Всего записей: 962 | Зарегистр. 08-10-2005 | Отправлено: 16:30 18-02-2013 | Исправлено: DarkSmoke, 16:31 18-02-2013
L0T

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день.
В программировании (в частности, в jQuery) я не спец, поэтому решил просить помощи)
 
Есть слайдер на jQuery и CSS - _http://tympanus.net/codrops/2010/04/28/pretty-simple-content-slider-with-jquery-and-css3/
 
Есть идея сделать фоновые картинки (те, что меняются) кликабельными, т.е. чтобы они были ссылками на полную новость (по сути дублировали more из описания).
 
Чтоб в сгенерированном итоговом коде было что-то типа:

Код:
<a href="..."><img.../></a>

 
 
Заранее спасибо)

Всего записей: 280 | Зарегистр. 06-01-2009 | Отправлено: 17:20 11-03-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
L0T

Цитата:
attr('src','images/'+info_elem.find('.info_image').html()).attr('width','800').attr('height','300')

добавьте сюда и реакцию на клик


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:57 11-03-2013
L0T

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
добавьте сюда и реакцию на клик  

Да, это вариант. Но ссылки то должны быть каждый раз разными. Придется делать через функцию, а там сам черт ногу сломит))
Но этот вариант работает, осталось придумать, как подсовывать ссылки нужные. Приходиться выносить эту функцию за пределы безимянной (основной) функции, но тогда что-то не получается достать нужную ссылку, а "внутри" не хочет что-то работать. Плохо быть неумным, однако.
 
Я еще один вариант попробовал:
 
1) В пункты с данными добавил строчку

Код:
<div class="lcontainer"><div class="tlink"><a href="test1"></a></div></div>

В итоге получились блоки вида

Код:
<li>
   <a href="rot1">1</a>
   <div style="display:none;">
   <div class="info_image">1.jpg</div>
   <div class="lcontainer"><div class="tlink"><a href="test1"></a></div></div>
   <div class="info_heading">Чем мы занимаемся</div>
   <div class="info_description"><p>Описание</p>
      <a href="#" class="more">Далее</a>
   </div>
   </div>
 </li>

 
2) Также добавил в скрипт одну строчку, получилось вот так:

Код:
...
      $('#rot1 img:first').wrap( $('.lcontainer').html(info_elem.find('.tlink').html()) );
   }
).attr('src','{THEME}/slides/'+info_elem.find('.info_image').html()).attr('width','397').attr('height','300'));
...

 
 
Даже все заработало. НО. С одной маленькой проблемкой. На втором и последущих итерациях цикла смены картинок ссылка на первой картинке не появляется, а вот на других все Ок. Но при первой итерации ссылки обрамляют все картинки.
 
Совсем грустно стало что-то)

Всего записей: 280 | Зарегистр. 06-01-2009 | Отправлено: 03:29 12-03-2013 | Исправлено: L0T, 03:32 12-03-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
L0T

Цитата:
Но ссылки то должны быть каждый раз разными.

и?  
не совсем понимаю какую проблему это создает
отсюда же все читается

Цитата:
<div class="rotator">

ну так берите и ссылку оттуда
 
 
ps: к чему такие сложности?  

Цитата:
  <div class="lcontainer"><div class="tlink"><a href="test1"></a></div></div>  

пишете, к примеру..  

Цитата:
<div class='link'>http://какая-то.ссылка</div>

 
и

Код:
.attr('src','images/'+info_elem.find('.info_image').html()).attr('width','800').attr('height','300')
.css('cursor', 'pointer')
.click(function(){
   location.href = info_elem.find('.link').text();
});


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 04:06 12-03-2013 | Исправлено: Cheery, 04:16 12-03-2013
L0T

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Да, такой вариант сработал)
Окончательный вариант:

Код:
attr('src','{THEME}/slides/'+info_elem.find('.info_image').html()).attr('width','397').attr('height','300').click(function(){location.href = info_elem.find('.tlink').text();}).attr('title',info_elem.find('.info_heading').html()).css('cursor','pointer')

 
Большое спасибо за помощь (и потраченное время)

Всего записей: 280 | Зарегистр. 06-01-2009 | Отправлено: 14:59 12-03-2013
webdeveloper



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
У меня вопрос по jquery ui. Столкнулся с такой проблемой: вот есть у нас картинка

Код:
<img src="images/2.png" id="image">

делаем возможность изменения размера картинки

Код:
 $("#image").resizable();

далее нужно, чтобы, при наведении на неё мыши, появлялась рамка

Код:
#image:hover{border: 1px solid #AAAAAA};

Вот тут и возникает проблема - рамка отображается только сверху и справа, а снизу и слева её нет.
Вот скриншот:  
   
Первая картинка - это до наведения мыши, вторая - после.
Если делать не hover, а просто рамку, которая будет отображаться до наведение курсора, тогда рамка будет отображаться нормально.
 
Вот на всякий случай весь код

Код:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="jquery-ui-1.10.2/themes/base/jquery-ui.css" />
  <script src="jquery-1.9.1.min.js"></script>
 <script src="jquery-ui-1.10.2/ui/jquery-ui.js"></script>
<title>border</title>
<link rel="stylesheet" type="text/css" href="my.css">
<script type="text/javascript">
$(function() {
 $("#image").resizable();
})
</script>
<style>
#image:hover{border: 1px solid #AAAAAA};
</style>
</head>
<body>
<img src="images/2.png" id="image">  
</body>
</html>
 

Я тестирую код в firefox 19.0.2

Всего записей: 1373 | Зарегистр. 30-05-2002 | Отправлено: 15:51 03-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
webdeveloper
потому что смещается картинка, очевидно же..
http://jsfiddle.net/rDPXW/
воспроизведите, только то, что не получается.
что в my.css?

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:23 03-04-2013
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
пытаюсть читать доку по jQuery.
Пока непонятны описания 2-ух разделов:
- раздел Deferred Object:

Цитата:
The Deferred object, introduced in jQuery 1.5, is a chainable utility object created by calling the jQuery.Deferred() method. It can register multiple callbacks into callback queues, invoke callback queues, and relay the success or failure state of any synchronous or asynchronous function. The Deferred object is chainable, similar to the way a jQuery object is chainable, but it has its own methods. After creating a Deferred object, you can use any of the methods below by either chaining directly from the object creation or saving the object in a variable and invoking one or more methods on that variable.

Во-первых, непонятно чем является объект Deferred. Это объект типа "отложенное выполнение" или "типа отложенный результат " (как вчера или позавчера на хабре в статье было написано) ?
Во-вторых, что подразумевается под "цепочечностью"? (думаю ответ зависит от "во-первых").
В-третьих, там же встречается объект Promise. Его назначение тоже не понял (притом он связан с непонятым Deferred ). Как и его наиболее близкий/корректный перевод на русский язык.

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 03:44 10-04-2013 | Исправлено: unreal666, 03:50 10-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
unreal666

Цитата:
Это объект типа "отложенное выполнение" или "типа отложенный результат "

а нужно переводить его название?  
 

Цитата:
Во-вторых, что подразумевается под "цепочечностью"? (думаю ответ зависит от "во-первых").  

obj.function1().function2().function3();
 

Цитата:
Как и его наиболее близкий/корректный перевод на русский язык.

зачем? такие вещи вообще нет смысла переводить с оригинала

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 04:24 10-04-2013
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
а нужно переводить его название?  

как бы да. Т.к. "отложенное выполнение" и "отложенный результат" - это по идее разное, т.к. будут различаться время начала выполнения.

Цитата:
зачем? такие вещи вообще нет смысла переводить с оригинала

Просто слово Promise в доке встречается не только как объект, но и просто как часть предложения.
 
ЗЫ.
ты когда-нибудь спишь?

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 04:27 10-04-2013 | Исправлено: unreal666, 04:28 10-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
unreal666

Цитата:
ты когда-нибудь спишь?

достаточно посмотреть географическое положение в профиле
 

Цитата:
это по идее разное, т.к. будут различаться время начала выполнения.  

какое отношение "идея перевода" имеет к конкретному функциональному объекту?
 

Цитата:
в доке встречается не только как объект, но и как просто как часть предложения.

оригинальное название объекта нет смысла переводить, promise же - www.lingvo-online.ru/ru/Translate/en-ru/promise
 
вот хорошее объяснение в чем разница
http://www.bitstorm.org/weblog/2012-1/Deferred_and_promise_in_jQuery.html

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 04:36 10-04-2013
unreal666



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
достаточно посмотреть географическое положение в профиле

да уже давно смотрел. Просто почти в любое время суток отвечаешь. А я до недавнего времени спал, когда вырубит (в любое время суток). Соответственно, вопросы задавал тоже когда придется.

Цитата:
какое отношение "идея перевода" имеет к конкретному функциональному объекту?

Перевод имеет значение собственно к функционированию объекта. Да и от времени начала выполения зависит время начала загрузки процессора (может у меня там что-то тяжелое математическое будет).
А то без этого так изучать - это как изучать линукс (после перехода с винды) по докам, в которых опять же как для винды написано "нажмите эту кнопочку", залезьте туда-то и исправьте то на это. А почему надо сделать именно так и в этом месте, нифига не описывают.

Цитата:
оригинальное название объекта нет смысла переводить

ну сами же носители англ. языка это же как-то понимают без влезания в дебри описания данного объекта?

Цитата:
promise же - www.lingvo-online.ru/ru/Translate/en-ru/promise

читал. Я в разных справочниках смотрел его перевод. В том числе и описание данного слова в оксфордском анг.-англ. словаре.

Цитата:
вот хорошее объяснение в чем разница  http://www.bitstorm.org/weblog/2012-1/Deferred_and_promise_in_jQuery.html

почитаю. Сенкс.

Всего записей: 6672 | Зарегистр. 14-02-2005 | Отправлено: 04:54 10-04-2013 | Исправлено: unreal666, 05:02 10-04-2013
skbb



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Гуру подскажите пожалуйста. Опыт в сайто-строении скуден.
 
Пытаю организовать на AJAX интерактивное изменение информации на странице кодом:

Код:
 
function checkNLS(){
  var curScript='/'+l+'.js';
  var IsOk='<img align="absmiddle" src="/img/ok.png">';
 
  $.getScript(curScript);
  alert('');
  $('#chHVSk').html('<b style="color: black;">'+HVSk+'</b>');
  $('#chf4').html(IsOk);
}
 

 
сurScript - скрипты, содержащие значения "HVSk='333';"
 
При наличии alert() загруженное значение в chHVSk отображается на странице сразу, если его нет, то после второго прохода функции.  
chf4 отображается сразу. Функция checkNLS() вызывается по событию onblur поля ввода.
 
Что я упустил?
 

Всего записей: 755 | Зарегистр. 16-04-2007 | Отправлено: 23:43 11-04-2013 | Исправлено: skbb, 23:46 11-04-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
skbb

Цитата:
Что я упустил?  

то, что ajax запросу нужно время на выполнения запроса к серверу и выполняется он асинхронно
 

Код:
$.getScript(curScript)
.done(function(script, textStatus) {
  $('#chHVSk').html('<b style="color: black;">'+HVSk+'</b>');  
  $('#chf4').html(IsOk);  
})


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:03 12-04-2013
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по jQuery


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru