Диалоговое окно jQuery - передача значения переменной из PHP в функцию jQuery

Question

Нужен кто-то, кто поможет мне с плагином jQuery Dialog от Эрика Мартина - Простая модель

У меня есть страница PHP, содержащая ссылку, по которой я хочу передать значение на другую страницу,Таким образом, мне нужна помощь о том, как передать значение в скрипт jQuery, который содержит переменную для URL страницы ниже?

Profile.php

<div id='basic-modal'>
       <a href='#' class='basic'>Jquery Dialog Demo</a>
</div>

Примечание: Когда я нажимаю на ссылку, она вызывает div j-базовой модели jQuery из Basic.js

Basic.js

jQuery(function ($) {

    // Load dialog on click
    $('#basic-modal .basic').click(function (e) {

    // Display an external page using an iframe
var src = "http://365.ericmmartin.com/";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
    closeHTML:"",
    containerCss:{
        backgroundColor:"#fff",
        borderColor:"#fff",
        height:450,
        padding:0,
        width:830
    },
    overlayClose:true
});

        return false;
    });
});

Примечание.Я хочу, чтобы var src содержал значение переменной, чтобы вместо этого я передавал ее из Profile.php.Как мне это сделать?

Answer 1

Немного измените Profile.php:

<div id='basic-modal'>
       <a href='http://localhost/Poll.php?id=1&validate=yes' class='basic'>Jquery Dialog Demo</a>
</div>

Измените Basic.js следующим образом:

    jQuery(function ($) {

        // Load dialog on click
        $('#basic-modal .basic').click(function (e) {
        e.preventDefault();

        // Display an external page using an iframe
        var src = $(this).attr('href');
        $.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
            closeHTML:"",
            containerCss:{
                backgroundColor:"#fff",
                borderColor:"#fff",
                height:450,
                padding:0,
                width:830
            },
            overlayClose:true
        });


            return false; // not sure why you're doing this
        }); // end of click handler




    });  // end of document.ready

Answer 2

e.preventDefault();
var src = $(e.target).attr("href");