Javascript 简单模式JSON Jquery

我想让JSON文件中的内容动态填充我的模式窗口。 我想当你每次点击一个对应的链接，或者它可以是一个带有ID的div…特定的内容会自动出现在简单模式对话框窗口中

JSON文件

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

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

我正在使用：

看看这个代码：

$('#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;
});

$（'#basic model.basic'）。单击（函数（e）{
$.getJSON（'/json.json'，函数（数据）{
如果（数据！=未定义&&data.length>0）
{
对于（i=0；i

看看这个代码：

$('#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;
});

$（'#basic model.basic'）。单击（函数（e）{
$.getJSON（'/json.json'，函数（数据）{
如果（数据！=未定义&&data.length>0）
{
对于（i=0；i

您卡在什么部位？JSON？基本上是让它工作的，Javascript部分，不太确定如何让它的ID成为动态的。我们的JSON文件包含一个带有字段

mycontent

的对象，该字段的值是一个对象数组，其中一个有字段

内容

，另外两个有字段

条目

。这是相当异构的，因为你的链接看起来相当异构。首先，我要么重新构造JSON以匹配链接，要么重新构造链接以匹配JSON？JSON？基本上是让它工作的，Javascript部分，不太确定如何让它的ID成为动态的。我们的JSON文件包含一个带有字段

mycontent

的对象，该字段的值是一个对象数组，其中一个有字段

内容

，另外两个有字段

条目

。这是相当异构的，因为你的链接看起来相当异构。首先，我要么重新构造JSON以匹配链接，要么重新构造链接以匹配JSON。