[英]Simple modal JSON Jquery
我希望将自己的内容保存在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/
看这段代码:
$('#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;
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.