2013-08-07 2 views
2

Я использую bPopup для открытия страницы в всплывающем контейнере. Теперь во всплывающей странице есть ссылка, я хочу открыть новую страницу в уже открытом контейнере bPopup. Присвоение новой ссылки страницы в теге привязки открывает новую страницу в родительском окне. Я также использовал следующий подход на всплывающей странице:Открыть новую страницу в JQuery bPopup

$('.icoNext').bind('click', function(e) { 
e.preventDefault(); 
$('.popup').bPopup({ 
    contentContainer:'.popup_content', 
    modalClose: false, 
    closeClass: 'closeFx', 
    loadUrl:'device_new_assignTag.htm' 
}); 

});

где $ ('. IcoNext') является ссылкой на всплывающей странице, а $ (. Popup) находится на родительской странице.

+0

я думаю, она должна быть как $ bPopup ({...}) ('popup_content.'). –

+0

, изменяя его на $ ('. Popup_content'). BPopup ({...}); открывает новое, но предыдущее всплывающее окно все еще открыто – Gaurav

+0

Как удалить старую страницу из всплывающего окна и загрузить новую страницу в том же всплывающем окне, не закрывая ее? – Gaurav

ответ

1

Вы можете использовать функцию onclose, которая указана на веб-сайте.

Он закрывает всплывающее окно, но в обратном вызове вы можете открыть новое всплывающее окно.

$('element_to_pop_up').bPopup({ 
     onOpen: function() { alert('onOpen fired'); }, 
     onClose: function() { alert('onClose fired'); } 
    }, 
    function() { 
     alert('Callback fired'); 
    }); 

http://dinbror.dk/bpopup/