ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Jquery. Позиционирование элемента.
4 сообщений из 4, страница 1 из 1
Jquery. Позиционирование элемента.
    #39014965
Малыш456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыш456
Гость
Добрый день. Помогите пожалуйста разобраться. Хочу следующее.
При клике на объект, в зависимости от того, в левой или в правой части браузера он находится, сдвинуть его сестринский элемент относительно текущего местоположения. Если объект находится с левой части экрана – местоположение сестринского элемента не меняем, если в правой – сдвигаем сестринский элемент в лево на ширину этого элемента.

HTML:
Код: css
1.
2.
3.
4.
5.
6.
<style type="text/css">
.content {
	position:absolute;
        width:400px;
}
</style>


Код: html
1.
2.
3.
4.
<div>
        <span class='kn'>КНОПКА</span>
	<div class='content'>тут текст</div>
</div>



JavaScript:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
$('.kn').click (function() {
var $offset_left = $(this).offset().left;
var $offset_top = $(this).offset().top;
var $document_width = $(document).width();
var $content_width = $(this).parent().find('.content').outerWidth();		
        if ($offset_left <= $document_width/2) {
                $(this).parent().find('.content').css( {'left': $offset_left} );
        }
	else {
                $(this).parent().find('.content').css( {'left': $offset_left - $content_width} );
	}
});


В результате работы этой конструкции происходит какой-то дурдом. <div class='content'> бессистемно прыгает. Чтоб поставить элемент на прежнее место пробую значения находящиеся в переменных вставить в .offset({top: $offset_top, left:$offset_left}). Безрезультатно. Манипулирую разными единицами измерения – все тщетно. <div class='content'> бессистемно прыгает. Вопрос. В каких единицах возвращает значения функция offset()? Что я делаю не так?
Заранее спасибо
...
Рейтинг: 0 / 0
23.07.2015, 22:52
| Ответить | Цитировать | Написать  
Jquery. Позиционирование элемента.
    #39014966
Малыш456
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыш456
Гость
Более того. Кликаю несколько раз подряд по <span class='kn'>. Срабатывает конструкция $(this).parent().find('.content').css( {'left': $offset_left } ); <div class='content'> позиционируется в разных местах. При этом значение $offset_left остается одно и тоже. Парадокс.
...
Рейтинг: 0 / 0
23.07.2015, 23:08
| Ответить | Цитировать | Написать  
Jquery. Позиционирование элемента.
    #39015482
kunaksergey
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
kunaksergey
Гость
Малыш456,

"Если объект находится с левой части экрана – местоположение сестринского элемента не меняем..."
тогда зачем вот это :
Код: javascript
1.
$(this).parent().find('.content').css( {'left': $offset_left} );
...
Рейтинг: 0 / 0
24.07.2015, 14:19
| Ответить | Цитировать | Написать  
Jquery. Позиционирование элемента.
    #39015493
yelena
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
yelena
Гость
Код: javascript
1.
2.
3.
4.
5.
6.
        if ($offset_left <= $document_width/2) {
                $(this).parent().find('.content').css('left', $offset_left + 'px');
        }
	else {
                $(this).parent().find('.content').css('left', $offset_left - $content_width + 'px');
	}
...
Рейтинг: 0 / 0
24.07.2015, 14:26
| Ответить | Цитировать | Написать  
4 сообщений из 4, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Jquery. Позиционирование элемента.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39014966&tid=1445841]:
 0ms
get settings:
 9ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 161ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 39ms
get tp. blocked users:
 2ms
others: 203ms
total:  447ms
созд. / загр.: 447ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]