Выполнение load в определённый div
Имеется скрипт
<script> $(document).ready(function(){ $("a.answer").click(function(){ var div = $(this).parents(".comment"); var comment = div.attr('id'); $('#comment (id) _answer').load('block.php'); }); }); </script> <div class="comment" id="comment512"> <div class="content"> text </div> <div class="comment512_answer"></div> <a href="#" class="answer"> rep </a> </div> возможно коряво сделан, не ругайтесь. Где var vomment, даёт нам id родительского блока при нажатии на кнопку "ответить" с классом answer, допустим comment512. Помогите сделать так что бы при нажатии, содержимое block.php отображалось в соответствующем div comment512_answer, а не в каком либо другом. Заранее Спасибо! |
:write:
<div class="comment" id="comment512"> <div class="content"> text </div> <div class="comment512_answer"></div> <a href="#" class="answer"> rep </a> </div> <script> $(document).ready(function(){ $("a.answer").click(function(){ var div = $(this).parents(".comment"); var selector = '.' + div.attr('id') + '_answer'; $( selector ).load('block.php'); }); }); </script> Содержимое моего block.php: <?php echo "My supercomment"; ?> |
SpearMint,<div class="comment512_answer"></div> блок с таким классом один или их много?
может просто $(this).prev().load('block.php'); |
Их именно много comment_512 comment_1024 и так далее, то есть id комментария из БД.
|
SpearMint,
$(this).prev().load('block.php'); подошло? |
Цитата:
Теперь появился несколько иной вопрос, всё в том же скрипте дописал что при клике на кнопку Cancel закрывается блок form, но эти блоки находятся в самом загружаемом файле и Cancel не хочет работать с ним, тем ни менее блок c id form закрывается, я так понимаю лучше прописать скрипт в загружаемый файл? |
Цитата:
далее ваш текст увы не осилил. |
Сейчас подробно объясню, если честно сам не понимаю что написал :(
После нажатия на кнопку answer, загружается страница с текстовым редактором, допустим my.html <form action="" method="POST" id="form"> <textarea></textarea> <input type="submit" value="Отправить"> <input type="button" value="Отменить" id="Cancel"> </form> Если делать запрос из самого index.html $('#Cancel').click(function(){ $('#form').remove(); }); то скрипт не выполняется, но если поместить этот скрипт в my.html, то эффект положительный и скрипт выполняется. |
SpearMint,
клик надо ставить на $('.comment').on('click', '[id="Cancel"]', function(){$('#form').remove();})примерно так |
Цитата:
$('.comment').on('click', '#Cancel', function(){$('#form').remove();}) Или я чего-то не догоняю? |
Часовой пояс GMT +3, время: 13:03. |