| Страниц (2): [1] 2 » |
  |
 Без описания |
| Поиск в теме | Версия для печати |
| UFO |
Отправлено: 25 Августа, 2010 - 16:05:27 
|
Full Member
Покинул форум
Сообщений всего: 212
Дата рег-ции: Янв. 2005
Карма 0
|
Привет всем!
Необходимо без обновления страницы заменить на ней много текста в разных частях, для этого я стал использовать такой вот код
CODE:<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
<!--
$(function() {
$('a').click(function() {
$('div.elementToReplace').replaceWith('<div>Я заменяю блок</div>');
return false;
});
});
//-->
</script>
<body>
<a href="#">link</a><div class="elementToReplace">блок</div>
</body>
Все заменяется, но есть проблема, при замене вдруг перестают работать все ссылки на странице, указатель мыши мутирует в руку, но при клике никаких изменений.
jQuery использую именно 1.3.2.
В чем может быть проблема? |
| |
|
| UFO |
Отправлено: 25 Августа, 2010 - 17:01:07
|
Full Member
Покинул форум
Сообщений всего: 212
Дата рег-ции: Янв. 2005
Карма 0
|
Ray Wen пишет:JQuery работает с DOM... нафига заменять блок? Замени только текст командой .text или .html... Это первый момент, второй, если скрипты выше загружаемой области, нужно вставлять их в CODE:jQuery(document).ready(function(){ ... }); , иначе при работе скрипта элементы DOM могут быть ещё не загружены и не готовы...
Желательно использовать JQ 1.4.2...
А как выглядят эти команды полностью? Я очень плохо разбираюсь в JS 
И что такое загружаемая область?
jquery обновил - не помогло.(Отредактировано автором: 25 Августа, 2010 - 17:01:30) |
| |
|
| UFO |
Отправлено: 26 Августа, 2010 - 04:10:08
|
Full Member
Покинул форум
Сообщений всего: 212
Дата рег-ции: Янв. 2005
Карма 0
|
Я разобрался в чем дело, ведь у меня в коде
CODE:$('a').click(function() {
таким образом все ссылки в теге <a> попадают под действие JS, поэтому ссылки и перестали работать, сделал вот так:
CODE:<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
$('span.link').click(function() {
$('div.block1').replaceWith('<div>заменяю блок</div>');
return false;
});
});
//-->
</script>
<a href="#"><span class="link">щелкнуть</span></a><br>
<div class="block1">блок</div>
и всё заработало.
Оставил все же replaceWith, он мне больше нравится и под него уже все настроено 
Спасибо, Ray Wen, за помощь и ссылку!  Я и вправду понял, что с JQ можно делать многое всего парой строчек кода. |
| |
|
| UFO |
Отправлено: 26 Августа, 2010 - 07:07:25
|
Full Member
Покинул форум
Сообщений всего: 212
Дата рег-ции: Янв. 2005
Карма 0
|
Ray Wen пишет:В твоём варианте два минуса: Клик по span не такая уж правильная идея, тогда уж без ссылки, но вообще какой тогда смысл, если можно класс на ссылку задать? При замене блока ты так же убираешь идентификатор, повторно его найти уже нельзя будет...
Но мне не нужно чтобы все ссылки производили замену слов на странице, только одна определенная, но надо чтобы было видно, что это кликабельная ссылка.
Да, индентификаторы убираются, поэтому нельзя все заменить обратно, но вообщем-то и не надо - нашел выход, просто обновляю страницу и все снова, как было. |
| |
|
|
| Поиск в теме | Версия для печати |
| Страниц (2): [1] 2 » |
| Сейчас эту тему просматривают: 4 (гостей: 4, зарегистрированных: 0, скрытых: 0) |
| « JavaScript » |
Все гости форума могут просматривать этот раздел.
Только администраторы и модераторы могут создавать новые темы в этом разделе.
Только администраторы и модераторы могут отвечать на сообщения в этом разделе.
|
|
|
Чат на форуме
Помощь
Поиск
