簡單模態JSON jquery

Question

我想要我的內容在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

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