点击一个图片后，弹出一个窗口，并在窗口中完成ajax的实时提示

点击一个链接后，弹出一个窗口，并在窗口中完成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方法里了 怎么回事啊？

是不是加上了弹出层就遮住了按钮，用js调试器调试下。