jqueryUI效果不能正常工作在表单元素

我在包含像下拉菜单这样的表单元素的div上使用jQueryUI的效果函数。然而，这些过渡都是缺失的，即。当显示/隐藏div时，无论选择的效果如何，转换都是突然的。但它适用于其他div！jqueryUI效果不能正常工作在表单元素

的jQuery：

$('h2').click(function() { 
    var options = {}; 
    $("#writereview_optional").toggle('blind', options, 500); 
});

HTML：

<div id="writereview_optional"> 
    //form elements... 
</div>

来源

2011-07-18 Nyxynyxx

有一些事情需要做，以验证是否工作正常。把Chrome取出（或者下载它，如果你没有，我个人不喜欢chrome，除了我爱调试器/ js调试器）并按Ctrl + Shift + I查看是否有任何jQuery错误。

首先：点击h2元素，看它是否会导致一个未被捕获的错误（导致处理突然停止，使其看起来效果不起作用）。其次：要检查是否正在工作，请打开该元素所在的HTML中的点（可以按Esc键最小化错误窗口，然后导航到元素的DOM位置）。在“效果”期间观看元素样式属性。如果什么都没有发生，请尝试一个简单的fadeout（1000），fadeIn（1000）调用，看看是否编辑它。如果没有，我怀疑你可能有拼写问题/编号重复问题！

所以我想这和它只是罚款

<html> 
    <head> 
     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> 
     <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script> 
     <link type="text/css"  href="styles/jquery-ui-1.8.14.custom.css" rel="stylesheet" /> 
    </head> 
    <body> 
     <h2 class="ui-state-error ui-corner-all" style="padding:10px">Click Me</h2> 
     <div id="writereview_optional"> 
      <div class="ui-state-active ui-corner-all" style="padding:20px"> 
       This is a test 
      </div> 
      <form> 
       <ul> 
        <li> 
         <input type="text"> 
        </li> 
       </ul> 
       <ul> 
        <li> 
         <input type="text"> 
        </li> 
       </ul> 
       <ul> 
        <li> 
         <input type="text"> 
        </li> 
       </ul> 
       <ul> 
        <li> 
         <input type="text"> 
        </li> 
       </ul> 
      </form> 
     </div> 

     <script type="text/javascript"> 
      $('.ui-state-error').click(function() { 
       var options = {}; 
       $("#writereview_optional").toggle('blind', options, 500); 
      }); 
     </script> 
    </body> 
</html>

PS感谢的工作，我不知道切换。切换真棒:)

来源

2011-07-18 20:00:29 Michael

我现在使用chrome的调试器为JS，没有错误。 'fadeOut（1000）'可以正常工作，它会慢慢淡出div内的所有元素。然而，jQueryUI的'toggle（）'函数和'blind'效果一起只能平滑地'盲'除表单元素以外的任何元素。 – Nyxynyxx

让我看看这个。生病在10分钟内回复你（除非我去工作）。 – Michael

UGGGG我的代码无法正常显示，即使其缩进... – Michael

jqueryUI效果不能正常工作在表单元素

回答

相关问题