#ajax #jquery
#ajax #jquery
Вопрос:
У меня есть веб-сайт, и я хочу связать страницу 1 со страницей 2:
Страница 2 -имеет подменю, которое отображает информацию, подобную этой:
$("#element").click(function(){
$("#another_element").load("page3.html");
});
на странице 1 у меня есть ссылки, и я хочу знать, возможно ли иметь href=»page2.html/call_ajax_function_from_page2″ с вызовом ajax. Как я могу щелкнуть элемент на странице 1 и перейти на страницу 2, вызвать его load(), чтобы он отображал информацию так, как если бы был нажат элемент из его подменю?
Спасибо! Дополнительную информацию можно получить, щелкнув элемент в page1.html я хочу перенаправить o page2.html с определенным загруженным на нее содержимым ajax. page2.html это страница с ajax
Дополнительная информация: Я хочу сделать это, потому что на странице 1 у меня есть карусель, и я хочу, чтобы каждая кнопка ссылалась на совершенно другую страницу, страницу 2 для отображения информации, относящейся к этой карусели. Я уже создал эту страницу2, и она загружает содержимое на основе .load при нажатии на ссылку из ее подменю.
Ответ №1:
Возможно, я ошибаюсь, поскольку ваш вопрос труден для понимания, но я думаю, вы ищете что-то в этом роде:
$('#foo li a').each(function() {
$(this).click(function(e) {
e.preventDefault();
var href = $(this).attr('href');
$('#bar').load(href ' #someContainer'); // Load the href an ID.
});
});
Итак, для примера возьмем этот html:
<ul id="foo">
<li><a href="http://google.com">Link 1</a></li>
<li><a href="http://microsoft.com">Link 2</a></li>
<li><a href="http://apple.com">Link 3</a></li>
</ul>
Если вы нажмете на ссылку 2, preventDefault()
это «предотвратит» изменение местоположения вашего браузера (изменение страницы), после чего вы сохраните атрибут этой привязанной ссылки в переменной с именем href. Затем, наконец, вы загрузите содержимое этой переменной в указанный вами div, в данном случае ‘bar’.
Комментарии:
1. Я действительно хочу перейти на другую страницу, но я хочу перейти на differentpage.html / mission или что-то в этом роде differentpage.html имеет подменю, и у этого есть ajax, я не знаю, возможно ли имитировать элемент из differentpage.html был нажат с mainpage.html . Щелкнув элемент в mainpage.html я хочу перенаправить o differentpage.html с определенным загруженным на нее содержимым ajax
2. @bb2 Ты имеешь в виду, как
$('#bar').load(href ' #container');
3. Я не хочу ничего загружать на главную страницу. На главной странице у меня есть карусель, и когда вы нажимаете кнопку, я хочу, чтобы она переходила на другую страницу, и на этой другой странице информация отображается через ajax