图片对话框根本就没有显示出来，不知道怎么回事？求解

<link rel="stylesheet" href="cikonss.css" />

<script src="jquery-ui/js/jquery-1.10.2.js"></script>

<script src="jquery-ui/js/jquery-ui-1.10.4.custom.js"></script>

<script src="jquery-ui/js/jquery-ui-1.10.4.custom.min.js"></script>

<link rel="stylesheet" href="jquery-ui/css/ui-lightness/jquery-ui-1.10.4.custom.css"  type="text/css"/>

function showDetail(t,filename){

$("#showImg").attr("src",filename);

$("#showDetail").dialog({

 height:"auto",

     width: "auto",

     position: {my: "center", at: "center",  collision:"fit"},

     modal:false,//是否模式对话框

     draggable:true,//是否允许拖拽

     resizable:true,//是否允许拖动

     title:t,//对话框标题

     show:"slide",

     hide:"explode"

});

}

<div id="showDetail"  style="display:none"><img src="" id="showImg" alt=""/></div>

<?php

   //得到文件扩展名

      $ext=strtolower(end(explode(".",$val)));

      $imageExt=array("gif","jpg","jpeg","png");

      if(in_array($ext,$imageExt)){

    ?>

           <a href="#" onclick="showDetail('<?php echo $val;?>,'<?php echo $p; ?>')"><img class="small" src="images/show.png" alt="" title="查看" /></a>|

   <?php

      }else{

   ?>

     <a href="index.php?act=showContent&filename=<?php echo $p;?>"><img class="small" src="images/show.png" alt="" title="查看" /></a>|

    <?php } ?>