Простой модальный JSON Jquery

Question

Мне бы хотелось, чтобы мой контент находился в файле JSON, динамически заполнял моё модальное окно.Я хочу, чтобы каждый раз, когда вы щелкаете по соответствующей ссылке или, может быть, это был div с идентификатором на нем .... этот конкретный контент автоматически появляется в простом модальном диалоговом окне.1004 *

Javascript

jQuery(function ($) {
    $.getJSON('/json.json', function(data){

    // Load dialog on page load
    //$('#basic-modal-content').modal();

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

        return false;
    });
});

HTML

<a href='#' class='basic'>content 1</a>
<a href='#' class='basic'>content 2</a>
<a href='#' class='basic'>content 3</a>
<div id="basic-modal-content" style="display:none;"></div>

Я использую: http://www.ericmmartin.com/projects/simplemodal-demos/

Answer 1

посмотрите на этот код:

$('#basic-modal .basic').click(function (e) {
    $.getJSON('/json.json', function(data){
        if( data != undefined && data.length > 0)
        {
            for( i=0; i < data.length; i++)
            {
                $('#DIV-ID').append( data.i.content... .... .. you code here... );
            }
            $('#basic-modal-content').modal();
        }
    });
    return false;
});