如果我使用效果，jquery窗体对话消失

Question

我正在使用JqueryUI，一切都很好，直到我试图爵士它，并添加了显示和关闭对话框的效果。现在对话框出现并瞬间消失。

我正在使用CAKEPHP，如果这件事，仍然有cake.generic.css和调试选项，但我没看到这可能是重要的。

这里是我的输出的html代码：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script> 
<link type="text/css" href="/css/blitzer/jquery-ui-1.7.2.custom.css" rel="stylesheet" />  
<script type="text/javascript" src="/js/jquery-ui-1.7.2.custom.min.js"></script> 
<script type="text/javascript" src="/js/unprocessed.js"></script> 
<table> 
    <tr> 
     <th><a href="/unprocessed/index/page:1/sort:id/direction:asc">ID</a></th> 
     <th><a href="/unprocessed/index/page:1/sort:artist/direction:asc">Artist</a></th> 
     <th><a href="/unprocessed/index/page:1/sort:title/direction:asc">Title</a></th> 
     <th><a href="/unprocessed/index/page:1/sort:path/direction:asc">Path</a></th> 
     <th><a href="/unprocessed/index/page:1/sort:filename/direction:asc">Filename</a></th> 
     <th>Actions</th> 
    </tr> 

    <tr id='row7'> 
     <td>7</td> 
     <td><div id='artistfield7'>Не в въведено</div> </td> 
     <td><div id='titlefield7'>Не е въведено</div> </td> 
     <td>e0aa1b15c9066822d2149664dd799f0b326.mp3 </td> 
     <td>110.Dimana&DJ Damjan - S teb shte prodylzha - remix.mp3 </td> 
     <td> 

      <div class='actionscontainer' songid='7'> 
       <div class="approve">Approve</div> 
       <div class="edit">Edit</div> 
       <div class="delete">Delete</div> 
      </div> 
     </td> 
    </tr> 

    <tr id='row6'> 
     <td>6</td> 
     <td><div id='artistfield6'>Не в въведено</div> </td> 
     <td><div id='titlefield6'>Не е въведено</div> </td> 
     <td>e0aa1b15c9066822d2149664dd799f0b192.mp3 </td> 
     <td>116.Ivana - Nedej - remix.mp3 </td> 
     <td> 

      <div class='actionscontainer' songid='6'> 
       <div class="approve">Approve</div> 
       <div class="edit">Edit</div> 
       <div class="delete">Delete</div> 
      </div> 
     </td> 
    </tr> 

    <tr id='row5'> 
     <td>5</td> 
     <td><div id='artistfield5'>Не в въведено</div> </td> 
     <td><div id='titlefield5'>Не е въведено</div> </td> 
     <td>e0aa1b15c9066822d2149664dd799f0b148.mp3 </td> 
     <td>105.Glorija - Hipnoza.mp3 </td> 
     <td> 

      <div class='actionscontainer' songid='5'> 
       <div class="approve">Approve</div> 
       <div class="edit">Edit</div> 
       <div class="delete">Delete</div> 
      </div> 
     </td> 
    </tr> 

    <tr id='row1'> 
     <td>1</td> 
     <td><div id='artistfield1'>Не в въведено12</div> </td> 
     <td><div id='titlefield1'>Не е въведено</div> </td> 
     <td>87f037741115ba77a8774f769b625f91716.mp3 </td> 
     <td>Cage The Elephant - Ain't No Rest For The Wicked.mp3 </td> 
     <td> 

      <div class='actionscontainer' songid='1'> 
       <div class="approve">Approve</div> 
       <div class="edit">Edit</div> 
       <div class="delete">Delete</div> 
      </div> 
     </td> 
    </tr> 

</table> 



<div class="disabled"></div><div class="disabled"></div> 

1 of 1 
<div id="dialog"> 
</div> 

<div id="editform"> 
<input id='editid' type='hidden' value=''/> 
Artist 
<input type="text" id='editartist' size="255" value=""><br> 
Title 
<input type="text" id='edittitle' size="255" value=""><br> 
</div><!-- 0.1914s --><table class="cake-sql-log" id="cakeSqlLog_12707049104bbd6b0e4bf0b5_15761383" summary="Cake SQL Log" cellspacing="0" border = "0"> 
<caption>(default) 3 queries took 1 ms</caption> 
<thead> 
<tr><th>Nr</th><th>Query</th><th>Error</th><th>Affected</th><th>Num. rows</th><th>Took (ms)</th></tr> 

</thead> 
<tbody> 
<tr><td>1</td><td>DESCRIBE `unprocesseds`</td><td></td><td style = "text-align: right">5</td><td style = "text-align: right">5</td><td style = "text-align: right">1</td></tr> 
<tr><td>2</td><td>SELECT COUNT(*) AS `count` FROM `unprocesseds` AS `Unprocessed` WHERE 1 = 1 </td><td></td><td style = "text-align: right">1</td><td style = "text-align: right">1</td><td style = "text-align: right">0</td></tr> 
<tr><td>3</td><td>SELECT `Unprocessed`.`id`, `Unprocessed`.`artist`, `Unprocessed`.`title`, `Unprocessed`.`path`, `Unprocessed`.`filename` FROM `unprocesseds` AS `Unprocessed` WHERE 1 = 1 ORDER BY `Unprocessed`.`id` desc LIMIT 25</td><td></td><td style = "text-align: right">4</td><td style = "text-align: right">4</td><td style = "text-align: right">0</td></tr> 

</tbody></table> 

并且对话的JavaScript：

$("#editform").dialog({ 
         autoOpen: false, 
         show:'blind', 
         hide:'explode', 
         buttons:{ 
          "Save Edits": function(){ 

           var edid= ($('#editid').val()); 
           var edar=($('#editartist').val()); 
           var edtl=($('#edittitle').val()); 
           $.post("edit/"+edid, { artist: edar, title: edtl }, function(data){ 
                          $("#artistfield"+edid).html(edar); 
                          $("#titlefield"+edid).html(edtl); 
                          $("#editform").dialog('close'); 
                          }, "json"); 

           } 
          } 
     }); 

Answer 1

我怀疑你没有在你的UI.js文件的影响。我看到你有一个自定义的。创建另一个自定义的，并确保你有需要的效果 - http://jqueryui.com/download

如需更详细的答案添加一个链接到一个测试案例，所以我们可以在浏览器中看到。