点击一个链接后,弹出一个窗口,并在窗口中完成ajax的实时提示。
在此请教各位,如何实现?
$.ajax({
type:'POST',
url: 'hhWebsiteInfoController.do?website-getDt',
dataType:'json',
data:'',
success:function(json){
alert(1);
var dts = json.attributes.dts;
$("#news").empty();
if(typeof(dts)!=undefined){
for(var i=0;i<dts.length;i++){
var a = "<div class='col-md-3 col-sm-3 wow fadeIn' data-wow-delay='0.6s' >"+dts[i].title+"</div>";
var b = "<div class='col-md-3 col-sm-3 wow fadeIn' data-wow-delay='0.6s' ><img src="+dts[i].pic1+"></div>";
var c = a+b;
// var e = "<div id="dialog" title="568585" >";
// var f = "<p>内容!!</p>";
// var g ="</div>";
// var h =e+f+g;
// $("#news").append(g);
// var d = "<div class='col-md-3 col-sm-3 wow fadeIn' data-wow-delay='0.6s'><input id="opener" type="image" src="+dts[i].pic1+"></div>";
$("#news").append(c);
// $("#news").append(d);
// $("#news").append("<div class='col-md-3 col-sm-3 wow fadeIn' data-wow-delay='0.6s'><input id="opener" type="image" src='"+dts[i].pic1+"'></div>");
}
}
$( "#dialog" ).dialog({
modal:true,
resizable:true,
height:800,
width:800,
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
}
});
});
代码这样的,加上弹出层的代码就进不去js方法里了 怎么回事啊?