|
|
|
| На странице есть список ссылок, при клике на каждую из которых появляется всплывающая форма.
Идея состоит в том, что бы была возможность сдержимое всех этих ссылок поочередно просмотреть.
Но на практике получается так, что после клика на любую ссылку страница автоматически перелистывается на начало, так что все это делается крайне неудобно.
Коды приводить не стал, поскольку это лучше посмотреть на самом сайте. Вот ссылка: http://fh7929mi.bget.ru/35.html
Можно ли зафиксировать страницу, чтобы она не прыгала при просмотре всплывающего окна? | |
|
|
|
|
|
|
|
для: Владимир55
(28.11.2014 в 12:25)
| | href="#" - причина. | |
|
|
|
|
|
|
|
для: confirm
(28.11.2014 в 12:36)
| | А как решить проблему, что там написать? | |
|
|
|
|
|
|
|
для: Владимир55
(28.11.2014 в 12:42)
| | Вот этого я не знаю что, вернее не понимаю зачем вы используете тег А, если он не служит по прямому назначению - ссылкой? У вас указан hash, а это якорь на странице, поэтому и скачает.
Написать то можно, псевдопротокол, но это не лучшее решение.
Если вы используете тег А ради щелчка чтобы показать окно, то почему бы не заменить этот набор тем же списком с соответствующими стилями? | |
|
|
|
|
|
|
|
для: confirm
(28.11.2014 в 12:46)
| | Если вы используете тег А ради щелчка чтобы показать окно
Да, для этой цели.
почему бы не заменить этот набор тем же списком с соответствующими стилями?
Я бы с радостью заменил, но не знаю, как это сделать.
Как бы Вы это сделали? | |
|
|
|
|
|
|
|
для: Владимир55
(28.11.2014 в 13:00)
| | У вас jQuery используется, значит можно так:
<style>
#list {
list-style: none;
/*и другие стили*/
}
#list li {
/*стили как для A*/
}
</style>
<script>
$(function() {
//эта установка обработчика будет работать и для динамически добавляемых элементов LI
//если этого не надо, можно установить обработчик и напрямую
$('#list').on('click', 'li', function() {
//здесь код вывода диалога
//параметр ID которого можно сформировать из индекса текущего элемента (по которому произвели щелчок)
var id = $(this).index()+1+'_audit';
});
});
</script>
<ul id="list">
<li>Первый партнер</li>
<li>Второй партнер</li>
....
</ul>
|
PS. Кстати, у вас неувязка функции и ее вызова, в аргументах. | |
|
|
|
|
|
|
|
для: confirm
(28.11.2014 в 13:19)
| | Спасибо!
Как оказалось, достаточно отменить дефолтные действия браузера, просто добавив return false;
Вроде, сработало (самая нижняя сслылка вне дизайна). | |
|
|
|
|
|
|
|
для: Владимир55
(28.11.2014 в 13:31)
| | Да, можно, в jQuery можно и по иному это записать. Вот только не понятно к чему это все, щелкать можно по любому элементу на странице, что за мода сразу тег А насиловать ради этого.
Плюс к тому же, у вас расточительно используется все - много лишней писанины, в смысле вызова функций. И странный вызов - второй аргумент функции это ID, а передается в функцию вторым аргументом пустая строка. | |
|
|
|
|
|
|
|
для: Владимир55
(28.11.2014 в 12:42)
| | - | |
|
|
|