簡單的模態JSON Jquery

Question

我希望將自己的內容保存在JSON文件中，並動態填充我的模式窗口。 我想每次單擊相應的鏈接，或者它可以是帶有ID的div。...特定的內容會自動出現在簡單的模式對話框窗口中。

JSON文件

{
    "mycontent": [
        {
            "content": "content 1"
        }, {
            "entry": "content 2"
        }
        , {
            "entry": "content 3"
        }
    ]
}

Java腳本

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;
});