Как мога да покажа подробности в диалогов прозорец, вместо да зареждам нова страница?

Имам сайт, показващ много продукти тук

Когато щракнете върху връзката product details за всеки продукт, той в момента води до друга страница. Искам тези подробности в изскачащ/диалогов прозорец на текущата страница.

Можете ли да предложите начин да направите това?

Използвам Joomla


jquery joomla
person ak274    schedule 19.03.2012    source източник

Отговори (1)


arrow_upward
1
arrow_downward

Можете да използвате .load() и Диалогов прозорец на потребителския интерфейс на jQuery:

$('.class for links').click(function(e) {
    var url = this.href; // get the current href
    var dialog = $("#dialog");
    if ($("#dialog").length == 0) { // create dialog if it doesnt already exist
        dialog = $('<div id="dialog" style="display:hidden"></div>').appendTo('body');
    } 

    // load remote content
    dialog.load(
         url,
         {},
         function(responseText, textStatus, XMLHttpRequest) {
             dialog.dialog(); // show the dialog
         }
    );
    //prevent the browser following the link
    e.preventDefault();
});

Имайте предвид, че URL адресът, използван за получаване на съдържанието, трябва да връща само съдържанието на диалоговия прозорец, а не цялата страница

person Manse    schedule 19.03.2012