Ссылка на другую страницу с элементами ajax - PullRequest
2 голосов
/ 08 мая 2011

У меня есть веб-сайт, и я хочу связать страницу 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, я хочу перенаправить на страницу page2.html с определенным содержимым ajax, загруженным в него.page2.html - это файл с ajax

Дополнительная информация: Я хочу сделать это, потому что на странице 1 у меня есть карусель и каждая кнопка, которую я хочу, чтобы она ссылалась на совершенно другую страницу,страница 2 для отображения информации, относящейся к этой карусели.Я уже создал эту страницу2, и она загружает контент на основе .load при нажатии на ссылку из ее подменю.

1 Ответ

2 голосов
/ 08 мая 2011

Я могу ошибаться, поскольку ваш вопрос трудно понять, но я думаю, что вы ищете что-то вроде этого:

$('#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:1005 *

<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'.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...