Загрузить Ajax In Modal - PullRequest
       22

Загрузить Ajax In Modal

0 голосов
/ 20 сентября 2011

Я использую отличный модальный скрипт, который загружает страницу через ajax.Однако ссылка оставлена ​​пустой.Это означает, что мне нужно создать новый идентификатор для каждой ссылки.Это способ использовать это только с одним скриптом и заставить его загружать правильную ссылку через ajax и иметь заголовок в заголовке ссылки.Вот сценарий.

    <a id="ajax2" href="#" onClick="self.location=this.href; return false">
    $('#ajax2').click(function(){
        lightbox.alert({
            width: '400px',
            title: 'Gamerholic.com Sign Up/Log In',
            rightButtons: ['Close'],
            background: 'black',
            fade: 'false',

            opened: function(){
                $('<span />').load('./login.php').appendTo('#lbContent');
            },
            buttonClick: function(button){
                console.log(button);
            }
        });
    });

Ответы [ 2 ]

0 голосов
/ 20 сентября 2011

Если я правильно понимаю ваш вопрос:

<a class="ajax" href="#" url="login.php" title="Login" onClick="self.location=this.href; return false">
<a class="ajax" href="#" url="register.php" title="Register" onClick="self.location=this.href; return false">
$('.ajax').click(function(){
    lightbox.alert({
        width: '400px',
        title: $(this).attr('title'),
        rightButtons: ['Close'],
        background: 'black',
        fade: 'false',

        opened: function(){
            $('<span />').load($(this).attr('url')).appendTo('#lbContent');
        },
        buttonClick: function(button){
            console.log(button);
        }
    });
});
0 голосов
/ 20 сентября 2011

Я действительно не понимаю ваш вопрос.Вы хотите динамическую ссылку, которая дает URL-адрес и заголовок?

Я создал щелчок по классу, который захватывает заголовок ссылки href + и использует его в вашем коде, это вы имеете в виду?

<a class="classname" href="./login.php" title="your title">

Вы JS:

$('.classname').click(function(){
        var url = $(this).attr('href'); //get the attribute href
        var title = $(this).attr('title'); //get the attribute href

        lightbox.alert({
        width: '400px',
        title: title,
        rightButtons: ['Close'],
        background: 'black',
        fade: 'false',

        opened: function(){
            $('<span />').load(url).appendTo('#lbContent');
        },
        buttonClick: function(button){
            console.log(button);
        }
    });
    return false;
});
...