2016-05-13 2 views
0

Следуя моему из моего предыдущего вопроса здесь: How to show a page by default on page loadЗагрузка гиперссылкой открыта в DIV - в том же DIV

Я в основном с помощью JQuery для загрузки ссылки в DIV - это прекрасно работает. Однако то, что я хочу достичь, - это когда одна из страниц (открытая в div) имеет гиперссылку, как я могу открыть гиперссылку в том же div, на котором теперь находится страница?

Предположим, у меня есть меню: Главная | Сервис | О

Если вы щелкните по сервису - он загружает страницу внутри div - удивительный.

Но предположим, что у службы гиперссылки на другую страницу (в том же домене/настройке) - в настоящее время, используя мой код, указанный в вопросе выше, ссылка открывается только на новой вкладке ... Это не поведение Я хочу.

Вот код:

$('[data-target]').click(function (e) { 
$.get($(this).attr('href'), function(data){ 
$('#halloffame').empty(); 
    $(data).find(".partner_body").appendTo("#halloffame"); 

}); 
e.preventDefault(); // prevent anchor from changing window.location 
    }); 
    $.get("pages/accounting-software/", function(data) { 
     $('#halloffame').empty(); 
     $(data).find(".partner_body").appendTo("#halloffame"); 

    }); 

Это позволяет мне открывать гипер ссылки в сНе "halloffame". Но это не контролирует ссылки на страницы - даже если я использую один и тот же код на главной странице:

<a data-target="#halloffame" href="pages/returns/"> 

Если кто-то может указать мне, где я буду неправильно, я был бы признателен :)

Имейте замечательную пятницу, люди!

+0

пытались ли вы цель = "_ само" в вашем якорный тег? riteshmeher

+0

@riteshmeher - спасибо, хороший крик, у меня не было, но попробовал и не радость :(>>> Код в полном объеме >>>>> https://gyazo.com/ca5fb1087b26d1f8cb54f6f6f0f5dc52 –

ответ

0

Ваш слушатель события объять в настоящее время существующего DOM, при добавлении новых элементов (из АЯКСА вызова) вам необходимо либо связать ваш слушатель событий для новых элементов как хорошо или использовать отложенные обработку событий (например jQuerys on) ,

See this answer for more details

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