2013-03-03 4 views
1

Я так смущен. Я даже не знаю, как найти ответ на этот вопрос (я попробовал Google и здесь). Я сделаю все возможное, чтобы сформулировать этот вопрос как можно яснее! В основном я установил почтовый ящик сообщений пользователя, который загружается на пользовательскую страницу с помощью load(). Я основывал его на этом методе здесь: http://www.hashbangcode.com/blog/using-jquery-load-content-page-without-iframe-536.htmlJquery load() открытые ссылки в том же div

Я хочу, чтобы все функции «Входящие» выполнялись в одном div без перезагрузки страницы. Так, например, перечислить все сообщения, просмотреть сообщение, заказать сообщения, удалить сообщение и т. Д. Можно без перезагрузки страницы.

До сих пор у меня есть хороший список сообщений входящих сообщений, загруженных из inbox.php в div на member.php. Выглядит очень красиво. Однако, когда я нажимаю на ссылку в списке «входящих» входящих сообщений, чтобы отобразить сообщение, это приведет меня к новой странице в браузере. Я хочу, чтобы сообщение загружалось в тот же div, заменяя список входящих сообщений. Сообщение uri - это что-то вроде «inbox/message/321, где 321 - это идентификатор сообщения. Как мне это сделать?

+0

Поместите ссылку «onClick» в ссылку, верните «false» и выполните вызов JQuery AJAX для извлечения данных. –

ответ

1
$("#inbox-div").on("click", "a", function (e) { 
    $("#inbox-div").load($(this).attr("href")); 
    e.preventDefault(); 
}); 

Вы могли бы попробовать что-то вроде выше.

В основном, он фиксируется, когда пользователь нажимает на ссылку внутри #inbox-div и использует функцию jQuery load для загрузки этого URL-адреса внутри нее.

e.preventDefault(); Используется, чтобы запретить браузеру перенаправлять пользователя на URL-адрес.

+0

Спасибо за вашу помощь, это работает нормально. Сейчас одна проблема. Список сообщений содержит ссылки на профиль отправителя, и я хочу, чтобы они открывались на новой странице, а не в div :) Как я могу переопределить ваш метод по этим ссылкам? – Ally

+0

Вы можете отфильтровать ссылки, например: '$ (" # inbox-div "). On (" click "," a: not (.profile) ", func' ... не повлияет на ссылки с классом' profile' – KaeruCT

+0

Изменить первую строку ... – KaeruCT

Смежные вопросы